:root{
  --bg:#050208;--panel:rgba(17,9,26,.62);--panel2:rgba(23,12,34,.78);--line:rgba(209,176,255,.16);
  --text:#f8f5ff;--muted:#aaa0bb;--violet:#9d5cff;--violet2:#d5b4ff;--pink:#ff66cf;--cyan:#76eaff;
  --green:#7ef0b8;--danger:#ff7c9b;--shadow:0 24px 100px rgba(69,22,111,.35);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;overflow-x:hidden}
body{min-height:100vh}button,input{font:inherit}button{color:inherit}a{color:inherit}#app{position:relative;z-index:4;min-height:100vh}#stars{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.9}.aurora{position:fixed;border-radius:50%;filter:blur(80px);opacity:.24;pointer-events:none;z-index:1;animation:float 14s ease-in-out infinite}.aurora-a{width:48vw;height:48vw;left:-16vw;top:10vh;background:radial-gradient(circle,#7624ff 0,transparent 68%)}.aurora-b{width:54vw;height:54vw;right:-19vw;bottom:-8vh;background:radial-gradient(circle,#d82cff 0,transparent 70%);animation-delay:-7s}.grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
@keyframes float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(3vw,-4vh,0) scale(1.08)}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes shiftflash{0%{opacity:0}40%{opacity:.94}100%{opacity:0}}
.shell{width:min(1220px,calc(100% - 28px));margin:0 auto;padding:24px 0 112px}.topbar{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);background:rgba(7,3,12,.62);backdrop-filter:blur(22px);border-radius:22px;box-shadow:var(--shadow)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.16em;font-size:13px}.brand-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--violet) 40%,#3d0c6a 100%);box-shadow:0 0 24px #9b4cff}.balance{font-size:12px;color:var(--muted)}.balance b{color:#fff;font-size:14px}.mini-btn{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:14px;padding:9px 12px;cursor:pointer}.mini-btn:hover{background:rgba(255,255,255,.08)}
.intro{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative}.intro-card{text-align:center;max-width:880px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:11px;color:#c8b2df;margin-bottom:18px}.intro h1,.hero h1{font-size:clamp(54px,10vw,124px);line-height:.86;letter-spacing:-.065em;margin:0;font-weight:850}.intro h1 span,.hero h1 span{display:block;background:linear-gradient(90deg,#fff 5%,#cda7ff 45%,#9255ff 75%,#ff7ad9);-webkit-background-clip:text;color:transparent}.intro p{margin:24px auto 0;color:var(--muted);font-size:clamp(14px,2vw,18px);letter-spacing:.08em}.enter{margin-top:32px}
.saturn{width:min(320px,62vw);aspect-ratio:1;position:relative;margin:0 auto 26px;filter:drop-shadow(0 0 45px rgba(142,76,255,.35))}.saturn .planet{position:absolute;width:42%;height:42%;border-radius:50%;left:29%;top:29%;background:radial-gradient(circle at 35% 30%,#f0d7ff 0,#8b54b5 20%,#3a173f 50%,#100816 79%);box-shadow:inset -20px -18px 35px rgba(0,0,0,.65),0 0 50px rgba(177,108,255,.23);z-index:2}.saturn .ring{position:absolute;width:82%;height:28%;border-radius:50%;left:9%;top:36%;border:10px solid rgba(198,155,255,.62);transform:rotate(-14deg);box-shadow:0 0 30px rgba(156,94,255,.22);animation:orbit 9s ease-in-out infinite}@keyframes orbit{0%,100%{transform:rotate(-14deg) scaleX(1)}50%{transform:rotate(-10deg) scaleX(.96)}}.saturn:after{content:"";position:absolute;inset:9%;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:spin 18s linear infinite}
.btn{border:0;border-radius:16px;padding:14px 18px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#7f42ff,#b261ff 55%,#ef69cf);box-shadow:0 12px 40px rgba(132,65,255,.34)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 52px rgba(132,65,255,.42)}.btn-ghost{background:rgba(255,255,255,.05);border:1px solid var(--line)}.btn-wide{width:100%}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-card{width:min(960px,100%);display:grid;grid-template-columns:.92fr 1.08fr;border:1px solid var(--line);background:rgba(9,4,15,.7);backdrop-filter:blur(28px);border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}.auth-side{padding:44px;background:radial-gradient(circle at 30% 20%,rgba(138,73,255,.25),transparent 38%),linear-gradient(180deg,rgba(33,8,50,.78),rgba(7,3,13,.93));display:flex;flex-direction:column;justify-content:space-between}.auth-side h2{font-size:48px;line-height:.92;letter-spacing:-.05em;margin:0}.auth-side p{color:var(--muted);line-height:1.6}.auth-form{padding:44px;background:rgba(248,244,255,.96);color:#16101e;position:relative}.auth-form h3{font-size:34px;margin:0 0 8px;letter-spacing:-.04em}.auth-form .sub{color:#756b80;margin-bottom:26px}.tabs{display:flex;background:#eee8f3;padding:4px;border-radius:13px;margin-bottom:22px}.tab{flex:1;border:0;background:transparent;padding:10px;border-radius:10px;color:#5f536a;cursor:pointer;font-weight:700}.tab.active{background:white;color:#201527;box-shadow:0 4px 16px rgba(30,12,45,.08)}.field{margin:14px 0}.field label{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;color:#62566e}.field input{width:100%;border:1px solid #d8d0df;background:#fff;border-radius:13px;padding:13px 14px;outline:none;color:#17111d}.field input:focus{border-color:#9d5cff;box-shadow:0 0 0 3px rgba(157,92,255,.12)}.help-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}.link-btn{border:0;background:none;color:#7f42ff;font-weight:800;cursor:pointer;padding:0}.auth-status{min-height:22px;margin-top:12px;color:#765f84;font-size:13px}.auth-status.error{color:#b12049}.auth-status.success{color:#167a52}
.hero{padding:70px 6px 24px}.hero h1{font-size:clamp(52px,8vw,102px)}.hero p{color:var(--muted);max-width:720px;line-height:1.6;font-size:17px}.kicker{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#d8c8e8;font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:rgba(255,255,255,.03)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{border:1px solid var(--line);background:linear-gradient(160deg,rgba(25,12,37,.76),rgba(9,4,15,.72));backdrop-filter:blur(24px);border-radius:26px;padding:22px;box-shadow:0 12px 50px rgba(0,0,0,.14);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.035),transparent 60%);pointer-events:none}.stat{grid-column:span 3}.stat .label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.stat strong{display:block;font-size:30px;margin-top:10px;letter-spacing:-.04em}.main-panel{grid-column:span 8;min-height:280px}.side-panel{grid-column:span 4}.section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:38px 0 16px}.section-title h2{margin:0;font-size:32px;letter-spacing:-.04em}.section-title p{margin:0;color:var(--muted)}
.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.package{min-height:300px;padding:24px;border-radius:28px;border:1px solid var(--line);background:radial-gradient(circle at 82% 14%,rgba(153,78,255,.28),transparent 32%),linear-gradient(160deg,rgba(21,10,33,.92),rgba(7,4,12,.9));position:relative;overflow:hidden;cursor:pointer;transition:.25s ease}.package:hover{transform:translateY(-4px);border-color:rgba(202,162,255,.32);box-shadow:0 18px 70px rgba(58,20,91,.24)}.package.locked{cursor:default;opacity:.55}.package.dentist{background:radial-gradient(circle at 84% 18%,rgba(92,234,255,.2),transparent 33%),linear-gradient(160deg,rgba(11,28,37,.88),rgba(6,5,13,.92))}.pkg-num{font-size:11px;letter-spacing:.16em;color:#baaacb}.package h3{font-size:48px;letter-spacing:-.05em;margin:44px 0 6px}.package .subtitle{text-transform:uppercase;letter-spacing:.13em;font-size:11px;color:#cbb4df}.package p{color:var(--muted);line-height:1.55;max-width:540px}.pkg-footer{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:14px}.price{font-weight:900;font-size:20px}.status-pill{font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#ddd0eb;background:rgba(255,255,255,.04)}.status-pill.live{border-color:rgba(126,240,184,.35);color:#8ff3c0}.status-pill.private{border-color:rgba(118,234,255,.3);color:#8feef8}
.dock{position:fixed;z-index:40;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:6px;padding:7px;border:1px solid var(--line);background:rgba(8,4,13,.74);backdrop-filter:blur(28px);border-radius:22px;box-shadow:0 18px 60px rgba(0,0,0,.36)}.dock button{width:58px;height:50px;border:0;border-radius:15px;background:transparent;color:#a89ab8;cursor:pointer;display:grid;place-items:center;font-size:20px;transition:.18s ease;position:relative}.dock button:hover{transform:translateY(-5px) scale(1.08);color:#fff;background:rgba(255,255,255,.06)}.dock button.active{background:linear-gradient(180deg,rgba(147,76,255,.22),rgba(255,255,255,.04));color:#fff;box-shadow:inset 0 0 0 1px rgba(211,180,255,.15)}.dock button small{font-size:8px;letter-spacing:.08em;text-transform:uppercase;position:absolute;bottom:4px}
.overlay{position:fixed;inset:0;z-index:80;background:rgba(2,1,5,.78);backdrop-filter:blur(28px);display:grid;place-items:center;padding:20px}.modal{width:min(840px,100%);max-height:min(860px,92vh);overflow:auto;border:1px solid var(--line);background:linear-gradient(170deg,rgba(21,10,32,.98),rgba(7,3,12,.98));border-radius:30px;padding:28px;box-shadow:0 30px 130px rgba(0,0,0,.6)}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.modal h2{font-size:44px;letter-spacing:-.05em;margin:8px 0}.close{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);cursor:pointer}.steps{display:flex;gap:7px;margin:22px 0}.steps i{height:4px;flex:1;border-radius:99px;background:rgba(255,255,255,.08)}.steps i.on{background:linear-gradient(90deg,#8148ff,#d768e6)}.modal .field label{color:#c7b9d4}.modal .field input{background:rgba(255,255,255,.06);border-color:var(--line);color:#fff}.modal .field input::placeholder{color:#756985}.agreement{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);display:flex;gap:12px;align-items:flex-start;margin:18px 0}.agreement input{margin-top:4px;accent-color:#9d5cff}.agreement small{display:block;color:#8e829a;margin-top:7px;line-height:1.45}.summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.summary div{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.summary span{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.summary b{display:block;margin-top:6px;word-break:break-word}.params{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}.param{padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.param span{display:block;color:var(--muted);font-size:9px;letter-spacing:.13em}.param b{display:block;margin-top:5px;font-size:13px;color:#f4ebff}.countdown{font-size:clamp(36px,7vw,70px);font-weight:900;letter-spacing:.03em;margin:16px 0;color:#eadcff;text-shadow:0 0 40px rgba(166,101,255,.35)}
.order{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:center}.order+.order{margin-top:12px}.order h3{margin:0 0 5px}.order p{margin:0;color:var(--muted);font-size:13px}.order-right{text-align:right}.status-big{font-size:11px;letter-spacing:.18em;color:#9cf3c8}.empty{text-align:center;padding:56px 20px;color:var(--muted)}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-grid .field{margin:0}.profile-card{max-width:820px}.logout{margin-top:16px;border-color:rgba(255,124,155,.22);color:#ffc0cf}
.shift-screen{position:fixed;inset:0;z-index:120;background:#030106;display:grid;place-items:center;text-align:center;overflow:hidden}.shift-screen:before{content:"";position:absolute;width:110vmax;height:110vmax;border:1px solid rgba(178,117,255,.16);border-radius:50%;box-shadow:0 0 180px rgba(121,49,255,.35),inset 0 0 160px rgba(214,104,255,.08);animation:spin 2.2s linear infinite}.shift-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(214,174,255,.65),transparent 20%,rgba(109,37,194,.25) 42%,transparent 70%);animation:pulse .8s ease-in-out infinite}.shift-copy{position:relative;z-index:4}.shift-copy small{letter-spacing:.32em;color:#bda7d1}.shift-copy h2{font-size:clamp(52px,10vw,120px);margin:12px 0;letter-spacing:-.06em}.shift-copy p{color:#cfc0dc}.flash{position:fixed;inset:0;background:#e8d8ff;z-index:150;pointer-events:none;animation:shiftflash .55s ease forwards}
.toast{position:fixed;z-index:200;top:18px;left:50%;transform:translate(-50%,-20px);opacity:0;pointer-events:none;max-width:min(520px,calc(100% - 28px));padding:12px 15px;border-radius:14px;border:1px solid var(--line);background:rgba(15,8,23,.94);backdrop-filter:blur(18px);box-shadow:0 16px 50px rgba(0,0,0,.4);transition:.25s ease;color:#f8f1ff}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:rgba(255,124,155,.35);color:#ffd2dd}.toast.success{border-color:rgba(126,240,184,.35);color:#b9ffd9}
.note{font-size:12px;color:var(--muted);line-height:1.5}.accent{color:#c8a4ff}.danger{color:#ffabc0}
@media(max-width:900px){.auth-card{grid-template-columns:1fr}.auth-side{display:none}.stat{grid-column:span 6}.main-panel,.side-panel{grid-column:span 12}.package-grid{grid-template-columns:1fr}.order{grid-template-columns:1fr}.order-right{text-align:left}.profile-grid{grid-template-columns:1fr}.summary,.params{grid-template-columns:1fr}.shell{width:min(100% - 18px,1220px)}.package h3{font-size:40px}.hero{padding-top:50px}.auth-form{padding:30px 22px}}
@media(max-width:540px){.stat{grid-column:span 12}.topbar{border-radius:17px}.topbar .balance{display:none}.modal{padding:20px;border-radius:24px}.modal h2{font-size:36px}.dock button{width:52px}.auth-wrap{padding:14px}.auth-form{border-radius:24px}.intro{padding:18px}.package{min-height:330px}.pkg-footer{align-items:flex-end}.hero p{font-size:15px}}