.acct{display:flex;gap:14px;align-items:center}
.acct .lnk{color:var(--tx)}
.card{max-width:460px;margin:70px auto;padding:44px 38px;border:1px solid rgba(63,224,240,.25);border-radius:22px;background:linear-gradient(180deg,rgba(63,224,240,.06),rgba(255,255,255,.01));box-shadow:0 0 40px rgba(63,224,240,.08)}
.card.wide{max-width:640px}
.card h1{font-size:34px;line-height:1.2;margin-bottom:10px;text-align:left}
.card form{display:grid;gap:18px;margin-top:26px}
.card .btn{width:100%;text-align:center}
.card .alt{margin-top:22px;font-size:16px;text-align:center}.card .alt a{color:var(--cy)}
.msg{padding:12px 16px;border-radius:12px;font-size:16px;margin-top:16px}
.msg.bad{background:rgba(255,122,138,.1);color:#ff9aa6}.msg.good{background:rgba(63,224,240,.1);color:var(--cy)}
.price{font-size:40px;color:var(--tx);font-weight:800;margin:18px 0 4px}
.pay{display:grid;gap:14px;margin-top:26px}
.pay .opt{border:1px solid var(--line);border-radius:16px;padding:18px}
.pay .opt h3{font-size:18px;margin:0 0 4px;color:var(--tx)}.pay .opt p{font-size:15px;margin-bottom:12px}
.pay .ghost{width:100%;text-align:center}
.marks{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.marks span{font-size:13px;border:1px solid rgba(63,224,240,.35);color:var(--cy);border-radius:8px;padding:3px 9px}
.list{list-style:none;margin-top:20px}.list li{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}
.test{font-size:13px;color:var(--gold);text-align:center;margin-top:14px}
.small{font-size:15px}
@media(max-width:600px){.card{margin:30px 16px;padding:30px 22px}.card h1{font-size:28px}.acct .lnk{display:none}}
.lang{background:none;border:1px solid rgba(63,224,240,.45);color:var(--cy);border-radius:20px;padding:5px 12px;font:600 14px system-ui,sans-serif;letter-spacing:.08em;cursor:pointer}
.courses .buy{display:inline-block;margin-top:14px;color:var(--cy);font-weight:600;font-size:16px;border-bottom:1px solid rgba(63,224,240,.5)}
@media(max-width:600px){.nav nav .btn-sm:not(.ghost){display:none}.nav nav{gap:12px}}
.nav nav .acct .btn.ghost{color:var(--tx);background:none;border:1px solid rgba(63,224,240,.45);white-space:nowrap}
.nav nav .lnk{white-space:nowrap}
@media(max-width:600px){.nav nav .acct .btn.ghost{padding:7px 14px;font-size:14px}}