body{font-family:Manrope,sans-serif;background-color:#000;margin:0;padding:0;overflow-x:hidden}.container{max-width:1300px;margin:0 auto;padding:0 20px}.header{padding:20px 0}.header__content{display:flex;align-items:center;justify-content:space-between}.logo{display:inline-block;text-decoration:none}.logo svg{display:block;height:40px;width:auto}.btn-get-started{background-color:#fff;color:#000;border:none;padding:12px 24px;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s}.btn-get-started:hover{background-color:#f5f5f5;transform:translateY(-1px)}.main{padding:40px 0;min-height:calc(100vh - 80px);display:flex;align-items:center;background-image:url(/bg-brandguide.png);background-position:center;background-repeat:no-repeat;background-size:60% auto}.main>.container{width:100%}.invoice-card{background-color:#fff;border-radius:24px;padding:40px;max-width:800px;margin:0 auto 40px;box-shadow:0 4px 24px #0000001f}.invoice-card__title{font-size:14px;font-weight:700;letter-spacing:1px;color:#1a1a1a;margin:0 0 32px;text-transform:uppercase}.invoice-card__amount{display:flex;align-items:center;gap:16px;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #e5e5e5}.invoice-card__amount-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.invoice-card__amount-icon svg{width:100%;height:100%;display:block}.invoice-card__amount-value{font-size:36px;font-weight:800;color:#000}.invoice-card__details{margin-bottom:40px}.invoice-card__detail-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #e5e5e5}.invoice-card__detail-row:last-child{border-bottom:none}.invoice-card__detail-label{font-size:14px;font-weight:500;color:#666}.invoice-card__detail-value{font-size:14px;font-weight:600;color:#000}.invoice-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid #e5e5e5}.invoice-card__status{display:flex;flex-direction:column;gap:6px}.invoice-card__status-label-wrapper{display:flex;align-items:center;gap:6px}.invoice-card__status-label{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}.invoice-card__status-tooltip{position:relative;display:inline-flex;align-items:center;cursor:help}.invoice-card__status-tooltip svg{display:block;width:14px;height:14px}.invoice-card__status-tooltip-text{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:8px 12px;background-color:#000;color:#fff;font-size:12px;font-weight:400;white-space:nowrap;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.invoice-card__status-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000}.invoice-card__status-tooltip:hover .invoice-card__status-tooltip-text{opacity:1}.invoice-card__status-value{font-size:14px;font-weight:700;color:#000;display:flex;align-items:center;gap:8px}.invoice-card__status-spinner{width:16px;height:16px;border:2px solid #e5e5e5;border-top-color:#000;border-radius:50%;display:none;animation:spin 1s linear infinite}.invoice-card__status-value--active .invoice-card__status-spinner{display:block}.invoice-card__status-timer{display:none}.invoice-card__status-value--active .invoice-card__status-timer{display:inline}.invoice-card__status-expired{display:none}.invoice-card__status-value--expired .invoice-card__status-expired{display:inline}.invoice-card__status-value--expired .invoice-card__status-spinner,.invoice-card__status-value--expired .invoice-card__status-timer{display:none}@keyframes spin{to{transform:rotate(360deg)}}.invoice-card__button{background-color:#000;color:#fff;border:none;padding:16px 40px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:12px;transition:all .2s}.invoice-card__button:hover{background-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.progress-tracker{max-width:800px;margin:0 auto;background-color:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 24px #0000001f;display:flex;align-items:center;justify-content:space-between;gap:16px}.progress-tracker__step{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;flex:1;min-width:0}.progress-tracker__step:not(:last-child):after{content:"";position:absolute;left:calc(50% + 24px);top:24px;width:calc(100% - 24px);height:2px;background-color:#e5e5e5;z-index:0}.progress-tracker__step--completed:not(:last-child):after{background-color:#000}.progress-tracker__step-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;background-color:#e5e5e5;color:#666;flex-shrink:0;border:2px solid #e5e5e5;position:relative;z-index:1}.progress-tracker__step--completed .progress-tracker__step-icon{background-color:#000;border-color:#000;color:#fff}.progress-tracker__step--active .progress-tracker__step-icon{background-color:#fff;border-color:#000;color:#000}.progress-tracker__step-label{font-size:13px;font-weight:600;color:#666;text-align:center;line-height:1.4}.progress-tracker__step--completed .progress-tracker__step-label{color:#000}.progress-tracker__step--active .progress-tracker__step-label{color:#000;font-weight:700}.progress-tracker__step-icon svg{width:20px;height:20px;display:block}@media(max-width:400px){.container{padding:0 20px}.invoice-card{padding:20px;margin:0 auto 20px}.invoice-card__amount-value{font-size:28px}.invoice-card__footer{flex-direction:column;gap:20px;align-items:flex-start}.invoice-card__button{width:100%;padding:14px 24px}.progress-tracker{padding:20px}.progress-tracker__step{gap:8px}.progress-tracker__step-label{font-size:11px}}