.top{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:rgba(3,3,3,.84)}.topin{width:min(calc(100% - 32px),1100px);margin:auto;display:flex;align-items:center;justify-content:space-between}.avm{width:104px;height:42px;object-fit:contain}.secure{color:var(--muted);font-size:.75rem}
main{width:min(calc(100% - 28px),1000px);margin:auto;padding:54px 0 80px}.brand{text-align:center;margin-bottom:30px}.bird{width:82px;margin:0 auto 14px;filter:drop-shadow(0 0 18px rgba(255,196,0,.25))}.eyebrow{color:#ffd744;font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.brand h1{margin:8px 0 8px;font-size:clamp(2.25rem,5vw,4.2rem);letter-spacing:-.055em}.brand p{margin:0;color:var(--soft)}
.checkout{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:start}.panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,195,0,.035),rgba(255,255,255,.018)),var(--card);padding:28px}
h2{margin:0 0 22px;font-size:1.18rem}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field.full{grid-column:1/-1}label{display:block;margin-bottom:7px;color:#e9e9ec;font-size:.78rem;font-weight:750}
input,select{width:100%;height:49px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:var(--field);color:#fff;font:inherit;outline:none}input:focus,select:focus{border-color:rgba(255,196,0,.65);box-shadow:0 0 0 3px rgba(255,196,0,.08)}
.hint{display:block;margin-top:6px;color:var(--muted);font-size:.68rem;line-height:1.45}.summary{position:sticky;top:92px;border-color:rgba(255,197,0,.28)}.plan{padding-bottom:19px;border-bottom:1px solid var(--line)}.plan small{color:var(--muted)}.price{display:flex;align-items:end;gap:7px;margin:11px 0 5px}.price strong{font-size:2.8rem;line-height:.9;letter-spacing:-.06em}.price span{padding-bottom:4px;color:var(--soft);font-size:.73rem}.row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;color:var(--soft);font-size:.8rem}.row.total{margin-top:7px;padding-top:17px;border-top:1px solid var(--line);color:#fff;font-weight:850}.row.total strong{color:#ffd63e;font-size:1.15rem}.buy{width:100%;height:50px;margin-top:17px;border:0;border-radius:11px;background:linear-gradient(135deg,#ffb700,#ffe36e);color:#110c00;font-weight:900;font-size:.9rem;cursor:pointer;box-shadow:0 12px 34px rgba(255,188,0,.13)}.buy:hover{filter:brightness(1.04)}.terms{margin:12px 0 0;color:var(--muted);font-size:.64rem;line-height:1.55}.notice{display:none;margin-top:14px;padding:12px;border:1px solid rgba(255,196,0,.25);border-radius:10px;color:#ffe27a;background:rgba(255,196,0,.06);font-size:.75rem;line-height:1.5}.notice.show{display:block}

.payment-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.payment-head h2{margin:0}.secure-badge{display:inline-flex;align-items:center;gap:7px;color:#d8d8dc;font-size:.68rem;font-weight:750}.secure-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#65dda6;box-shadow:0 0 12px rgba(101,221,166,.45)}
.card-grid{display:grid;grid-template-columns:1.4fr .6fr .5fr;gap:17px;margin-top:20px}.cardholder{grid-column:1/-1}.card-number{grid-column:1/2}.billing{margin-top:28px}.billing h3{margin:0 0 16px;font-size:.92rem}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.billing-grid .wide{grid-column:1/-1}
.lockline{display:flex;align-items:center;gap:8px;margin-top:15px;color:var(--muted);font-size:.66rem;line-height:1.45}.lock{font-size:.9rem}
.annual-box{margin-top:16px;padding:15px;border:1px solid rgba(255,196,0,.18);border-radius:12px;background:rgba(255,196,0,.045)}.annual-box strong{display:block;margin-bottom:5px;color:#fff;font-size:.78rem}.annual-box span{color:var(--muted);font-size:.68rem;line-height:1.5}
@media(max-width:760px){.card-grid,.billing-grid{grid-template-columns:1fr 1fr}.cardholder,.card-number,.billing-grid .wide{grid-column:1/-1}}
@media(max-width:440px){.card-grid,.billing-grid{grid-template-columns:1fr}.cardholder,.card-number,.billing-grid .wide{grid-column:auto}.payment-head{align-items:flex-start;flex-direction:column}}

@media(max-width:760px){main{padding-top:38px}.checkout{grid-template-columns:1fr}.summary{position:static;order:-1}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.panel{padding:21px}.top{height:64px}.avm{width:92px}.secure{font-size:.68rem}}
@media(max-width:420px){main{width:min(calc(100% - 20px),1000px)}.brand h1{font-size:2.25rem}.panel{border-radius:16px}.price strong{font-size:2.5rem}}

.login-main{width:min(calc(100% - 28px),460px);margin:0 auto;padding:62px 0 90px}
.login-brand{text-align:center;margin-bottom:26px}
.login-brand .bird{width:78px}
.login-brand h1{margin:9px 0 7px;font-size:clamp(2.2rem,8vw,3.4rem);letter-spacing:-.055em}
.login-brand p{margin:0;color:var(--soft);font-size:.9rem}
.login-card{padding:28px}
.login-card .field+ .field{margin-top:17px}
.password-label{display:flex;justify-content:space-between;align-items:center;gap:14px}
.password-label a,.signup-link a{color:#ffd744;text-decoration:none}
.password-label a:hover,.signup-link a:hover{text-decoration:underline}
.password-label a{font-size:.69rem;font-weight:650}
.login-btn{width:100%;height:50px;margin-top:22px;border:0;border-radius:11px;background:linear-gradient(135deg,#ffb700,#ffe36e);color:#110c00;font-size:.9rem;font-weight:900;cursor:pointer;box-shadow:0 12px 34px rgba(255,188,0,.13)}
.login-btn:hover{filter:brightness(1.04)}
.signup-link{margin:20px 0 0;text-align:center;color:var(--muted);font-size:.76rem;line-height:1.5}
.security-note{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:18px;color:var(--muted);font-size:.65rem}
.login-notice{display:none;margin-top:16px;padding:12px;border:1px solid rgba(255,196,0,.25);border-radius:10px;background:rgba(255,196,0,.06);color:#ffe27a;font-size:.73rem;line-height:1.5}
.login-notice.show{display:block}
@media(max-width:520px){
 .topin{width:min(calc(100% - 24px),1100px)}
 .login-main{width:min(calc(100% - 20px),460px);padding:40px 0 65px}
 .login-card{padding:21px}
 .login-brand{margin-bottom:21px}
 .login-brand .bird{width:70px}
 .login-brand h1{font-size:2.35rem}
}