:root{--bg: #0b0b12;--card: #14141f;--card-2: #1a1a28;--line: rgba(255,255,255,.08);--text: #f4f4f8;--muted: #9a9ab0;--pink: #ff2d78;--orange: #ff6b35;--violet: #7c5cff;--cyan: #2ee6a6;--radius: 24px;--shadow: 0 30px 80px rgba(0,0,0,.55)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}.page,.auth-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr}.visual,.auth-panel{position:relative;overflow:hidden;padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,#0b0b1259,#0b0b12bf 55%,#0b0b12f2),linear-gradient(135deg,rgba(255,45,120,.25),rgba(124,92,255,.2) 50%,transparent 80%),#1a1025}.visual-art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.7}.blob.a{width:380px;height:380px;top:-80px;left:-60px;background:#ff2d78}.blob.b{width:320px;height:320px;top:30%;right:-80px;background:#7c5cff}.blob.c{width:260px;height:260px;bottom:10%;left:20%;background:#2ee6a6;opacity:.35}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%)}.showcase{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 0}.device{width:210px;height:380px;border-radius:32px;padding:8px;background:linear-gradient(160deg,#2a2a3d,#12121c);box-shadow:0 40px 80px #00000080,0 0 0 1px #ffffff1f;position:relative;transform:rotate(-6deg);animation:float 6s ease-in-out infinite}.device.second{width:180px;height:320px;transform:rotate(8deg) translateY(30px);opacity:.92;animation-delay:-2s}@keyframes float{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-12px)}}.device.second{animation-name:float2}@keyframes float2{0%,to{transform:rotate(8deg) translateY(30px)}50%{transform:rotate(8deg) translateY(18px)}}.device-in{width:100%;height:100%;border-radius:26px;overflow:hidden;position:relative;background:linear-gradient(180deg,#2d1b3d,#12121c)}.device.second .device-in{background:linear-gradient(180deg,#1b2d3d,#12121c)}.notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:52px;height:6px;border-radius:99px;background:#00000073;z-index:3}.thumb{height:55%;background:radial-gradient(circle at 30% 40%,rgba(255,45,120,.55),transparent 50%),radial-gradient(circle at 70% 60%,rgba(124,92,255,.5),transparent 45%),linear-gradient(145deg,#3a1f4a,#1a1a2e);position:relative;display:grid;place-items:center}.device.second .thumb{background:radial-gradient(circle at 40% 50%,rgba(46,230,166,.4),transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,107,53,.4),transparent 45%),linear-gradient(145deg,#1f3a4a,#1a1a2e)}.play{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--violet));display:grid;place-items:center;color:#fff;font-size:18px;box-shadow:0 12px 40px #ff2d7880;padding-left:3px}.device.second .play{background:linear-gradient(135deg,var(--cyan),#3b82f6);box-shadow:0 12px 40px #2ee6a659}.meta{padding:16px 14px}.meta h4{font-size:13px;font-weight:700;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta p{font-size:11px;color:var(--muted);margin-bottom:12px}.bar{height:4px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-bottom:12px}.bar i{display:block;height:100%;width:35%;border-radius:99px;background:linear-gradient(90deg,var(--pink),var(--violet))}.pay-row{display:flex;justify-content:space-between;align-items:center}.price{font-weight:800;font-size:14px;color:#ffd36a}.chip{font-size:10px;font-weight:700;padding:5px 9px;border-radius:99px;background:#ff2d7826;color:#ff8fb8;border:1px solid rgba(255,45,120,.25)}.visual-copy{position:relative;z-index:2}.logo-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:99px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-weight:700;font-size:14px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-pill .mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--violet));font-size:12px}.visual-copy h1{font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:12px;max-width:12ch}.visual-copy h1 span{background:linear-gradient(110deg,#fff 10%,#ff8fb8 50%,#b8a4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.visual-copy p{color:#c4c4d4;font-size:15px;line-height:1.55;max-width:36ch;margin-bottom:20px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:12px;font-weight:600;padding:8px 12px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ddd}.footer-note{position:relative;z-index:2;font-size:12px;color:#6b6b80;margin-top:24px}.form-side,.auth-main{display:flex;align-items:center;justify-content:center;padding:32px 24px;background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(124,92,255,.12),transparent 50%),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(255,45,120,.08),transparent 50%),var(--bg)}.card,.auth-card{width:100%;max-width:420px;background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 28px 28px;position:relative;overflow:hidden}.card:before,.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan))}.mobile-banner{display:none;margin:-32px -28px 24px;height:150px;position:relative;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;background:radial-gradient(circle at 30% 40%,rgba(255,45,120,.5),transparent 50%),radial-gradient(circle at 80% 60%,rgba(124,92,255,.45),transparent 45%),linear-gradient(145deg,#3a1f4a,#12121c)}.mobile-banner .inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,transparent 30%,rgba(20,20,31,.9))}.mobile-banner .play{width:48px;height:48px;font-size:14px}.mobile-banner strong{font-size:16px;font-weight:800}.mobile-banner small{color:#c4c4d4;font-size:12px}.card-head,.auth-card-head{text-align:center;margin-bottom:24px}.card-head .brand{display:none;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:18px;margin-bottom:16px;color:#fff;text-decoration:none}.card-head .brand .mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--violet));font-size:14px;box-shadow:0 8px 24px #ff2d7859}.card-head h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.card-head p{color:var(--muted);font-size:14px;line-height:1.5}.hint{background:#ff2d7814;border:1px solid rgba(255,45,120,.18);border-radius:14px;padding:12px 14px;font-size:13px;color:#d0d0e0;line-height:1.5;margin-bottom:20px}.hint a{color:#ff8fb8;font-weight:600;text-decoration:none}.hint a:hover{text-decoration:underline}.hint strong{color:#fff}label{display:block;font-size:13px;font-weight:600;color:#c8c8d8;margin-bottom:8px}.field{position:relative;margin-bottom:16px}.field .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6b6b80;font-size:14px;pointer-events:none;width:18px;text-align:center}.field input[type=text]{width:100%;height:50px;border-radius:14px;border:1px solid var(--line);background:#00000059;color:#fff;padding:0 14px 0 42px;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;outline:none;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#55556a}.field input:focus{border-color:#ff2d7880;box-shadow:0 0 0 4px #ff2d781f}.pin-label{text-align:center;margin-bottom:10px}.pins{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.pins input{width:100%;aspect-ratio:1;max-height:64px;border-radius:14px;border:1px solid var(--line);background:#00000059;color:#fff;font-size:22px;font-weight:800;text-align:center;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .1s}.pins input:focus{border-color:#7c5cffa6;box-shadow:0 0 0 4px #7c5cff26;transform:scale(1.04)}.btn{width:100%;height:52px;border:none;border-radius:14px;font-family:inherit;font-size:15px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(110deg,var(--pink) 0%,var(--violet) 55%,#3b82f6 100%);background-size:160% 100%;box-shadow:0 12px 30px #ff2d784d;transition:transform .15s,filter .15s,background-position .3s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{filter:brightness(1.08);transform:translateY(-1px);background-position:100% 0}.btn:active{transform:translateY(0)}.link-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:12px;border-radius:14px;border:1px solid var(--line);background:#ffffff08;color:#ddd;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.link-btn:hover{background:#ffffff0f;border-color:#ffffff24;color:#fff}.foot{text-align:center;margin-top:18px;font-size:12px;color:var(--muted)}.foot a{color:#ff8fb8;text-decoration:none;font-weight:600}.foot a:hover{text-decoration:underline}@media (max-width: 960px){.page,.auth-shell{grid-template-columns:1fr}.visual,.auth-panel{display:none}.mobile-banner{display:block}.card-head .brand{display:inline-flex}.form-side,.auth-main{min-height:100vh;min-height:100dvh;align-items:flex-start;padding:64px 12px 28px}.card,.auth-card{max-width:100%;padding:28px 20px 22px}}@media (max-width: 380px){.pins{gap:8px}.pins input{font-size:18px;max-height:56px}.mobile-banner{height:130px}}.auth-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr}.auth-body .form-label{display:block;font-size:13px;font-weight:600;color:#c8c8d8;margin-bottom:8px}.auth-body .form-control{width:100%;height:50px;border-radius:14px;border:1px solid var(--line);background:#00000059;color:#fff;padding:0 14px 0 42px;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;outline:none;transition:border-color .15s,box-shadow .15s}.auth-body .form-control:focus{border-color:#ff2d7880;box-shadow:0 0 0 4px #ff2d781f;background:#00000073;color:#fff}.auth-body .form-control::placeholder{color:#55556a}.input-wrap{position:relative;margin-bottom:16px}.input-wrap .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6b6b80;font-size:14px;pointer-events:none;width:18px;text-align:center}.pin-digits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.pin-digits input,.pin-box{width:100%;aspect-ratio:1;max-height:64px;border-radius:14px;border:1px solid var(--line);background:#00000059;color:#fff;font-size:22px;font-weight:800;text-align:center;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .1s;padding:0}.pin-digits input:focus,.pin-box:focus{border-color:#7c5cffa6;box-shadow:0 0 0 4px #7c5cff26;transform:scale(1.04)}.btn-auth{width:100%;height:52px;border:none;border-radius:14px;font-family:inherit;font-size:15px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(110deg,var(--pink) 0%,var(--violet) 55%,#3b82f6 100%);background-size:160% 100%;box-shadow:0 12px 30px #ff2d784d;transition:transform .15s,filter .15s,background-position .3s;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-auth:hover{filter:brightness(1.08);transform:translateY(-1px);background-position:100% 0;color:#fff}.btn-ghost{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:12px;border-radius:14px;border:1px solid var(--line);background:#ffffff08;color:#ddd;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.btn-ghost:hover{background:#ffffff0f;border-color:#ffffff24;color:#fff;text-decoration:none}.help-box{background:#ff2d7814;border:1px solid rgba(255,45,120,.18);border-radius:14px;padding:12px 14px;font-size:13px;color:#d0d0e0;line-height:1.5;margin-bottom:20px}.help-box a{color:#ff8fb8;font-weight:600;text-decoration:none}.help-box a:hover{text-decoration:underline}.help-box strong{color:#fff}.auth-foot{text-align:center;margin-top:18px;font-size:12px;color:var(--muted);line-height:1.5}.auth-foot a,.auth-body a{color:#ff8fb8;text-decoration:none;font-weight:600}.auth-body a:hover{text-decoration:underline}.alert{border-radius:14px;border:1px solid transparent;font-size:13px;padding:12px 14px;margin-bottom:16px}.alert-danger{background:#ef444424;border-color:#ef44444d;color:#fecaca}.alert-success{background:#22c55e24;border-color:#22c55e4d;color:#bbf7d0}.alert-info{background:#3b82f61f;border-color:#3b82f647;color:#bfdbfe}.step-list{list-style:none;padding:0;margin:0 0 1.25rem;display:grid;gap:.75rem}.step-list li{display:grid;grid-template-columns:32px 1fr;gap:.75rem;align-items:start;font-size:.9rem;color:#cbd5e1}.step-num{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:.85rem;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff}@media (max-width: 960px){.auth-shell{grid-template-columns:1fr}.auth-panel{display:none}.auth-main{min-height:100vh;min-height:100dvh;align-items:flex-start;padding:16px 12px 28px}.auth-card{max-width:100%;padding:28px 20px 22px}}.chip.live{background:#2ee6a61f;color:#2ee6a6;border-color:#2ee6a640}@media (min-width: 961px){.desktop-logo,.card-head .brand.desktop-logo{display:inline-flex!important}}.auth-body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}html,body{background:var(--bg)}#app{min-height:100vh;min-height:100dvh}.dash-shell{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 70% 40% at 100% 0%,rgba(124,92,255,.14),transparent 55%),radial-gradient(ellipse 55% 35% at 0% 100%,rgba(255,45,120,.1),transparent 55%),var(--bg);padding:24px clamp(16px,4vw,48px) 64px}.dash-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.dash-top .brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:16px;color:#fff;text-decoration:none}.dash-top .brand .mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--violet));font-size:12px;box-shadow:0 8px 24px #ff2d7859}.dash-top-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lang-switch{display:inline-flex;align-items:center;gap:6px;padding:5px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a}.lang-switch button{border:none;background:transparent;color:#c8c8d8;font-family:inherit;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.lang-switch button.active{background:linear-gradient(110deg,var(--pink),var(--violet));color:#fff}.chip-btn{border:1px solid var(--line);background:#ffffff0a;color:#ddd;font-family:inherit;font-size:12px;font-weight:700;padding:10px 16px;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s}.chip-btn:hover{background:#ffffff14;border-color:#ffffff29;color:#fff}.dash-main{max-width:1120px;margin:0 auto;padding-top:28px;display:grid;gap:18px}.dash-head h2{font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.dash-head p{color:var(--muted);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:18px;padding:16px 18px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));opacity:.8}.stat-card span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.stat-card strong{font-size:22px;font-weight:800;letter-spacing:-.02em}.dash-card{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 20px 22px}.dash-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dash-card-head h3{font-size:16px;font-weight:800;letter-spacing:-.01em}.btn-sm{width:auto;height:40px;padding:0 18px;font-size:13px}.dash-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed var(--line)}.dash-form .field{margin-bottom:0}.dash-form label{font-size:12px}.dash-input{width:100%;height:44px;border-radius:12px;border:1px solid var(--line);background:#00000059;color:#fff;padding:0 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.dash-input:focus{border-color:#ff2d7880;box-shadow:0 0 0 4px #ff2d781f}.dash-table{width:100%;border-collapse:collapse;font-size:13px}.dash-table th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.dash-table td{padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.05);color:#e6e6f0;vertical-align:middle}.dash-table td.title{font-weight:700;color:#fff;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-table .amount{color:#ffd36a;font-weight:800}.pill{display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:#ff2d7826;border:1px solid rgba(255,45,120,.25);color:#ff8fb8}.pill.on{background:#2ee6a61f;border-color:#2ee6a640;color:#2ee6a6}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{border:1px solid var(--line);background:#ffffff0a;color:#ddd;font-family:inherit;font-size:12px;font-weight:600;padding:6px 10px;border-radius:10px;cursor:pointer}.row-actions button:hover{background:#ffffff17;color:#fff}.dash-empty{padding:28px 8px;color:var(--muted);font-size:13px;text-align:center}.dash-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;padding-top:6px;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:#14141ff5;border:1px solid var(--line);color:#fff;font-size:13px;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);z-index:50}@media (max-width: 860px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-form{grid-template-columns:1fr 1fr}.dash-table thead{display:none}.dash-table tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.dash-table td{border:none;padding:2px 0}.dash-table td.title{grid-column:1 / -1;max-width:none;white-space:normal}}