*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#050816;--bg-soft:#0b1224;--panel:rgba(10,18,36,0.68);--panel-strong:rgba(13,22,44,0.88);--border:rgba(110,170,255,0.16);--text:#eef4ff;--muted:#9fb0d1;--blue:#54a8ff;--blue-2:#84c5ff;--green:#33d6a6;--green-2:#7ef0cf;--shadow:0 20px 60px rgba(0,0,0,0.45);--glow-blue:0 0 30px rgba(84,168,255,0.25);--glow-green:0 0 30px rgba(51,214,166,0.18);--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--max:1280px}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(84,168,255,.16),transparent 26%),radial-gradient(circle at 85% 18%,rgba(51,214,166,.14),transparent 24%),radial-gradient(circle at 50% 80%,rgba(84,168,255,.08),transparent 30%),linear-gradient(180deg,#030712,#07101f 45%,#04070f);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:-20%;background:radial-gradient(circle,rgba(84,168,255,.06) 0,transparent 55%),radial-gradient(circle,rgba(51,214,166,.05) 0,transparent 60%);filter:blur(70px);animation:driftGlow 18s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes driftGlow{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app-container{position:relative;z-index:1;min-height:100vh}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;width:min(calc(100% - 24px),var(--max));margin:18px auto 0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);background:rgba(5,10,24,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;box-shadow:var(--shadow),var(--glow-blue)}.header-left,.header-right{display:flex;align-items:center;gap:12px}.logo-wrap{display:inline-flex;align-items:center;gap:12px}.logo-text{font-size:1rem;font-weight:700;letter-spacing:.02em;color:white}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav a{padding:10px 14px;border-radius:999px;color:var(--muted);transition:color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}.nav a:hover{color:white;background:rgba(84,168,255,.09);transform:translateY(-1px);box-shadow:var(--glow-blue)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,rgba(84,168,255,.95),rgba(51,214,166,.9));color:#04101a;box-shadow:0 12px 30px rgba(84,168,255,.25)}.btn.primary:hover{box-shadow:0 14px 36px rgba(84,168,255,.32),0 0 24px rgba(51,214,166,.2)}.btn.ghost{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:white}.btn.ghost:hover{border-color:rgba(84,168,255,.28);box-shadow:var(--glow-blue)}.main{width:min(calc(100% - 24px),var(--max));margin:0 auto;padding:28px 0 72px}.page-shell{display:grid;grid-gap:28px;gap:28px}.auth-shell,.card,.dashboard-card,.guide-shell,.hero-card,.panel,.plan-card{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.hero-card{position:relative;overflow:hidden;padding:32px;min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:24px;gap:24px;align-items:stretch}.hero-card:before{content:"";position:absolute;inset:auto -10% -35% auto;width:320px;height:320px;background:radial-gradient(circle,rgba(84,168,255,.18),transparent 70%);filter:blur(15px);pointer-events:none}.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:18px}.eyebrow{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;border:1px solid rgba(84,168,255,.18);background:rgba(84,168,255,.08);color:var(--blue-2);font-size:.84rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hero-title{margin:0;font-size:clamp(2.4rem,5vw,5rem);line-height:.96;letter-spacing:-.04em}.hero-title span{background:linear-gradient(135deg,#ffffff,#97c4ff 48%,#8bffd4);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{margin:0;max-width:60ch;color:var(--muted);font-size:1.04rem;line-height:1.7}.hero-actions,.hero-metrics{display:flex;gap:12px;flex-wrap:wrap}.metric-chip{padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);min-width:120px}.metric-chip strong{display:block;font-size:1.1rem;margin-bottom:4px}.metric-chip span{color:var(--muted);font-size:.88rem}.hero-player{position:relative;min-height:420px;border-radius:24px;overflow:hidden;border:1px solid rgba(84,168,255,.2);background:linear-gradient(180deg,rgba(10,18,36,.18),rgba(4,8,16,.5)),radial-gradient(circle at 20% 20%,rgba(84,168,255,.2),transparent 30%),radial-gradient(circle at 80% 70%,rgba(51,214,166,.16),transparent 28%),linear-gradient(135deg,#0a1529,#091221 45%,#03060d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 35px rgba(84,168,255,.12)}.hero-player:after{content:"";background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 20%,transparent 80%,rgba(255,255,255,.03))}.hero-player:after,.scan-lines{position:absolute;inset:0;pointer-events:none}.scan-lines{background-image:linear-gradient(180deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 0,transparent 8px);opacity:.16}.live-pulse{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(9,16,28,.82);border:1px solid rgba(255,255,255,.08);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.live-dot{width:10px;height:10px;border-radius:999px;background:#ff4f6d;box-shadow:0 0 14px rgba(255,79,109,.8);animation:pulseDot 1.5s ease-in-out infinite}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.7}}.player-center{position:absolute;inset:0;display:grid;place-items:center;padding:28px}.player-glow-ring{width:min(82%,360px);aspect-ratio:1;border-radius:999px;border:1px solid rgba(132,197,255,.22);box-shadow:inset 0 0 60px rgba(84,168,255,.14),0 0 70px rgba(84,168,255,.16),0 0 120px rgba(51,214,166,.06);display:grid;place-items:center;animation:slowSpin 18s linear infinite}.player-inner{width:76%;aspect-ratio:1;border-radius:999px;border:1px solid rgba(51,214,166,.25);display:grid;place-items:center;padding:28px;text-align:center;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%)}.player-inner strong{display:block;font-size:1.3rem;margin-bottom:10px}.player-inner span{color:var(--muted);line-height:1.6}@keyframes slowSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.player-bottom{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.player-meta h3{margin:0 0 6px;font-size:1.35rem}.player-meta p{margin:0;color:var(--muted)}.now-chip{padding:10px 12px;border-radius:14px;background:rgba(7,13,24,.84);border:1px solid rgba(255,255,255,.08);min-width:180px}.now-chip strong{display:block;margin-bottom:4px}.now-chip span{color:var(--muted);font-size:.88rem}.section{display:grid;grid-gap:16px;gap:16px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-head h2{margin:0;font-size:clamp(1.35rem,2vw,1.9rem)}.section-head p{margin:6px 0 0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.card{position:relative;overflow:hidden;padding:16px;border-radius:24px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.card:hover{transform:translateY(-4px);border-color:rgba(84,168,255,.28);box-shadow:var(--shadow),0 0 26px rgba(84,168,255,.13)}.thumb{position:relative;min-height:190px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(84,168,255,.22),transparent 28%),radial-gradient(circle at 80% 70%,rgba(51,214,166,.14),transparent 24%),linear-gradient(135deg,#0f1c35,#09111e 58%,#04070d);margin-bottom:16px}.thumb:after{content:"";position:absolute;inset:auto 14px 14px 14px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.badge-row{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:10px}.badge,.live-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:.73rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.badge{background:rgba(7,13,24,.78);border:1px solid rgba(255,255,255,.08)}.live-badge{background:rgba(255,79,109,.12);color:#ffd7df;border:1px solid rgba(255,79,109,.26)}.card h3{margin:0 0 8px;font-size:1.12rem}.card p{margin:0 0 14px;color:var(--muted);line-height:1.6}.card-stats{display:flex;gap:10px;flex-wrap:wrap}.stat-pill{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);color:var(--muted);font-size:.88rem}.guide-shell{overflow:hidden;padding:20px}.guide-header{display:grid;grid-template-columns:140px repeat(6,1fr);grid-gap:10px;gap:10px;margin-bottom:12px}.guide-cell,.guide-header div,.guide-row-title{border-radius:14px}.guide-header div{padding:14px 12px;background:rgba(255,255,255,.04);color:var(--blue-2);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.guide-grid{display:grid;grid-gap:10px;gap:10px}.guide-row{display:grid;grid-template-columns:140px repeat(6,1fr);grid-gap:10px;gap:10px}.guide-row-title{padding:14px 12px;background:rgba(255,255,255,.05);font-weight:700;display:flex;align-items:center}.guide-cell{min-height:88px;padding:12px;border:1px solid rgba(84,168,255,.1);background:linear-gradient(180deg,rgba(84,168,255,.08),rgba(255,255,255,.03)),rgba(255,255,255,.02);position:relative;overflow:hidden}.guide-cell strong{display:block;margin-bottom:6px;font-size:.96rem}.guide-cell span{color:var(--muted);font-size:.85rem;line-height:1.5}.guide-live-line{height:3px;width:100%;border-radius:999px;background:linear-gradient(90deg,rgba(84,168,255,.1),rgba(51,214,166,.85),rgba(84,168,255,.1));box-shadow:0 0 18px rgba(51,214,166,.45);margin-bottom:16px}.auth-shell{max-width:540px;margin:0 auto;padding:28px}.auth-shell h1{margin-top:0;margin-bottom:10px;font-size:clamp(2rem,4vw,3rem)}.auth-shell p{margin-top:0;color:var(--muted);line-height:1.7}.form-grid{display:grid;grid-gap:14px;gap:14px;margin-top:24px}.form-grid label{display:grid;grid-gap:8px;gap:8px;font-size:.94rem;font-weight:700}.input{width:100%;min-height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:white;padding:0 16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input:focus{border-color:rgba(84,168,255,.4);box-shadow:0 0 0 4px rgba(84,168,255,.12);background:rgba(255,255,255,.05)}.helper{color:var(--muted);font-size:.88rem;line-height:1.6}.google-btn{width:100%;margin-top:14px}.dashboard-grid,.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.dashboard-card,.panel,.plan-card{padding:22px}.dashboard-card h3,.panel h3,.plan-card h3{margin-top:0;margin-bottom:8px}.plan-price{font-size:2rem;font-weight:800;margin:10px 0 16px}.dashboard-card p,.panel p,.plan-card p{color:var(--muted);line-height:1.7}.mini-list{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.mini-item{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);color:var(--muted)}.kicker{color:var(--green-2);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:800}.two-col{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:18px;gap:18px}@media (max-width:1080px){.card-grid,.dashboard-grid,.hero-card,.plan-grid,.two-col{grid-template-columns:1fr}.guide-header,.guide-row{grid-template-columns:110px repeat(6,minmax(120px,1fr))}.guide-shell{overflow-x:auto}}@media (max-width:820px){.header{border-radius:28px;padding:16px;flex-direction:column;align-items:stretch}.header-left,.header-right,.nav{justify-content:center}.main{padding-top:20px}.hero-card{padding:22px;min-height:auto}.hero-title{line-height:1.02}.player-bottom{position:relative;left:auto;right:auto;bottom:auto;padding:18px;margin-top:220px;background:linear-gradient(180deg,transparent,rgba(5,10,20,.75))}}