*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#0a0a0f;color:#f5f5f7;min-height:100vh;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px 20px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 30% 20%,#1a0a1f,#0a0a0f 65%)}.auth-card{background:#0f0f19f5;border:1px solid rgba(255,0,80,.18);border-radius:18px;padding:42px 32px;width:100%;max-width:420px;box-shadow:0 0 60px #ff00501f}.auth-logo{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:6px;letter-spacing:-.5px}.auth-logo .accent{background:linear-gradient(135deg,#00f2ea,#ff0050);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:6px}.auth-subtitle{text-align:center;color:#9aa0b4;font-size:13px;margin-bottom:28px}.auth-input{width:100%;background:#0d0d18;border:1px solid #20202e;color:#fff;padding:14px 16px;border-radius:10px;margin-bottom:12px;font-size:14px;transition:.2s}.auth-input:focus{outline:none;border-color:#ff0050;box-shadow:0 0 0 3px #ff00501a}.auth-btn{width:100%;background:linear-gradient(135deg,#ff0050,#ff3370);color:#fff;border:none;padding:14px;border-radius:10px;font-weight:600;font-size:15px;margin-top:6px;transition:.2s}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #ff00504d}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:#ff00501a;border:1px solid rgba(255,0,80,.3);color:#ffb3c8;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px}.auth-foot{text-align:center;color:#555;font-size:12px;margin-top:20px;line-height:1.5}.auth-lang{display:flex;gap:6px;justify-content:center;margin-top:16px}.auth-lang button{background:transparent;border:1px solid #222;color:#888;padding:4px 10px;border-radius:6px;font-size:12px}.auth-lang button.on{background:#ff005026;color:#ff8095;border-color:#ff00504d}.nav{background:#050508f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #1a1a25;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.nav-logo{font-weight:700;font-size:17px;letter-spacing:-.3px}.nav-logo .accent{background:linear-gradient(135deg,#00f2ea,#ff0050);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:4px;flex-wrap:wrap}.nav-links a{color:#9aa0b4;font-size:13px;padding:7px 12px;border-radius:8px;transition:.15s;font-weight:500}.nav-links a:hover{color:#fff;background:#ffffff0a}.nav-links a.active{color:#fff;background:linear-gradient(135deg,#00f2ea1f,#ff00501f)}.nav-user{display:flex;align-items:center;gap:10px}.nav-balance{background:linear-gradient(135deg,#00f2ea1a,#ff00501f);border:1px solid rgba(255,0,80,.25);padding:6px 12px;border-radius:14px;font-size:13px;font-weight:700}.nav-logout{background:transparent;border:1px solid #2a2a3a;color:#aaa;padding:6px 12px;border-radius:8px;font-size:12px}.nav-logout:hover{color:#fff;border-color:#ff0050}.nav-lang{background:transparent;border:1px solid #222;color:#aaa;padding:5px 8px;border-radius:6px;font-size:12px}.hero{background:linear-gradient(135deg,#14142a,#ff00500d);border:1px solid #25253e;border-radius:18px;padding:44px 32px;margin-bottom:24px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(0,242,234,.08),transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,0,80,.08),transparent 40%);pointer-events:none}.hero h1{font-size:30px;margin-bottom:10px;background:linear-gradient(135deg,#fff 30%,#ff0050);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;letter-spacing:-.5px}.hero p{color:#9aa0b4;font-size:14px;margin-bottom:24px;max-width:540px;margin-left:auto;margin-right:auto;line-height:1.6;position:relative}.hero-cta{background:linear-gradient(135deg,#ff0050,#ff3370);color:#fff;border:none;padding:14px 28px;border-radius:10px;font-weight:700;font-size:14px;box-shadow:0 6px 24px #ff005040;position:relative;transition:.2s}.hero-cta:hover{transform:translateY(-1px)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card{background:#11111c;border:1px solid #1f1f30;border-radius:14px;padding:22px;transition:.2s}.card:hover{border-color:#ff00504d;transform:translateY(-2px)}.card-icon{font-size:28px;margin-bottom:12px}.card-title{font-size:15px;font-weight:600;margin-bottom:6px}.card-text{font-size:13px;color:#9aa0b4;line-height:1.5}.section-title{font-size:17px;font-weight:600;margin:28px 0 14px;color:#d0d0e0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.step{background:linear-gradient(135deg,#11111c,#16162a);border:1px solid #1f1f30;border-radius:14px;padding:22px;text-align:center}.step-num{display:inline-block;background:linear-gradient(135deg,#00f2ea,#ff0050);color:#000;font-weight:700;padding:4px 12px;border-radius:12px;font-size:11px;margin-bottom:12px;letter-spacing:1px}.step-text{font-size:13px;color:#b0b6c8;line-height:1.5}.balance-big{background:linear-gradient(135deg,#14142a,#ff005014);border:1px solid rgba(255,0,80,.25);border-radius:18px;padding:32px;text-align:center;margin-bottom:24px;position:relative;overflow:hidden}.balance-big:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(0,242,234,.06),transparent 60%);pointer-events:none}.balance-big .lbl{color:#9aa0b4;font-size:13px;margin-bottom:8px;position:relative}.balance-big .val{font-size:46px;font-weight:800;background:linear-gradient(135deg,#00f2ea 20%,#ff0050);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;letter-spacing:-1px}.balance-big .sub{color:#6a6f80;font-size:12px;margin-top:6px;position:relative}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}.stat{background:#11111c;border:1px solid #1f1f30;border-radius:14px;padding:20px;text-align:center}.stat .lbl{color:#9aa0b4;font-size:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.stat .val{font-size:28px;font-weight:700;color:#00f2ea}.stat .sub{color:#6a6f80;font-size:11px;margin-top:4px}.video-mock{background:#000;border:1px solid #20202e;border-radius:16px;aspect-ratio:9/16;max-width:320px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;position:relative;overflow:hidden}.video-mock:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff0050,#00f2ea);opacity:.15}.video-mock .play-emoji{font-size:60px;position:relative}.video-mock .caption{color:#fff;font-size:14px;padding:0 20px;text-align:center;position:relative}.stars{display:flex;gap:8px;justify-content:center;margin:18px 0}.stars button{background:transparent;border:none;font-size:30px;opacity:.3;transition:.15s}.stars button.on{opacity:1;transform:scale(1.1)}.stars button:hover{opacity:.7}.txn-list{background:#11111c;border:1px solid #1f1f30;border-radius:14px;overflow:hidden}.txn-row{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #1a1a25;font-size:13px;align-items:center}.txn-row:last-child{border-bottom:none}.txn-row .left{color:#d0d0e0}.txn-row .left .date{font-size:11px;color:#6a6f80;margin-top:3px}.txn-row .right{font-weight:700}.txn-row .right.in{color:#4ade80}.txn-row .right.out{color:#ff0050}.txn-row .right.pending{color:#facc15}.txn-empty{text-align:center;padding:30px;color:#555;font-size:13px}.note{background:#00f2ea0f;border:1px solid rgba(0,242,234,.2);border-radius:10px;padding:14px 18px;font-size:13px;color:#aae8e5;margin:18px 0;line-height:1.5}.note.warn{background:#ffc1070f;border-color:#ffc1074d;color:#ffd966}.note.err{background:#ff00500f;border-color:#ff00504d;color:#ff90a8}.note.ok{background:#4ade800f;border-color:#4ade804d;color:#86efac}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;color:#b0b6c8;margin-bottom:6px;font-weight:500}.form-input,.form-textarea,.form-select{width:100%;background:#0d0d18;border:1px solid #20202e;color:#fff;padding:12px 14px;border-radius:10px;font-size:14px;transition:.2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#ff0050}.form-textarea{min-height:100px;resize:vertical;font-family:inherit}.btn{background:linear-gradient(135deg,#ff0050,#ff3370);color:#fff;border:none;padding:13px 22px;border-radius:10px;font-weight:600;font-size:14px;transition:.2s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #ff005040}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-ghost{background:transparent;border:1px solid #2a2a3a;color:#aaa}.faq-item{background:#11111c;border:1px solid #1f1f30;border-radius:12px;margin-bottom:10px;overflow:hidden}.faq-q{padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}.faq-q:hover{background:#ffffff05}.faq-q .arrow{color:#ff0050;transition:.2s}.faq-q.open .arrow{transform:rotate(180deg)}.faq-a{padding:0 20px 18px;color:#9aa0b4;font-size:13px;line-height:1.6}.course-card{background:linear-gradient(135deg,#11111c,#16162a);border:1px solid #1f1f30;border-radius:14px;padding:22px;transition:.2s;cursor:pointer}.course-card:hover{border-color:#ff00504d;transform:translateY(-3px)}.course-card .duration{display:inline-block;background:#00f2ea1a;color:#00f2ea;padding:3px 8px;border-radius:6px;font-size:11px;margin-top:12px;font-weight:600}@media (max-width: 700px){.nav{padding:10px 14px;flex-wrap:wrap;gap:8px}.nav-links{width:100%;justify-content:center;order:3}.hero h1{font-size:22px}.hero{padding:32px 18px}.balance-big .val{font-size:36px}}.video-player{max-width:360px;margin:0 auto 18px;border-radius:16px;overflow:hidden;border:1px solid #20202e;background:#000;box-shadow:0 10px 40px #00000080}.video-player video{width:100%;display:block;aspect-ratio:9 / 16;object-fit:cover;background:#000}.video-caption{padding:12px 18px;font-size:13px;color:#d0d0e0;background:linear-gradient(180deg,#11111c,#0d0d18);text-align:center}