@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090b;color:#f5f5f6;font:14px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:76px;border-bottom:1px solid #202227;background:rgba(8,9,11,.88);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 5.5%;gap:55px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.brand b{color:#9b7cff}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#9b7cff,#5d3ed7);box-shadow:0 0 28px #7252d455}.topbar nav{display:flex;gap:28px;color:#a6a8ae}.topbar nav a:hover,.footer a:hover{color:#fff}.user-nav{margin-left:auto;display:flex;align-items:center;gap:15px}.login-link{color:#d9dae0}.account-chip{display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#191b20;color:#a98cff;border:1px solid #34303f}.account-chip small{color:#777}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:11px;padding:14px 20px;font-weight:700;border:1px solid transparent;transition:.2s;cursor:pointer}.btn-primary{background:#9476ff;color:#fff;box-shadow:0 10px 30px #7252d52a}.btn-primary:hover{transform:translateY(-2px);background:#a28aff}.btn-ghost{border-color:#2a2d33;background:#111216;color:#ddd}.btn-small{padding:9px 13px;background:#17151f;border-color:#30264e;color:#b6a3ff}.hero{min-height:620px;position:relative;overflow:hidden;border-bottom:1px solid #1d1f24;background:radial-gradient(circle at 76% 43%,#312356 0,#161322 24%,#08090b 57%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#fff0 0 95%,#ffffff07 96%),linear-gradient(90deg,#fff0 0 95%,#ffffff07 96%);background-size:60px 60px;mask-image:linear-gradient(to right,transparent 0,#000 50%,#000 100%);opacity:.4}.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:6%;top:8%;background:#7c59ff1c;filter:blur(35px)}.hero-copy{position:relative;z-index:2;padding:120px 0 70px 10%;max-width:720px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#a28aff;font-weight:800}.eyebrow i{display:inline-block;width:6px;height:6px;background:#a28aff;border-radius:50%;margin-right:8px;box-shadow:0 0 14px #a28aff}.hero h1{font-size:66px;line-height:1.03;letter-spacing:-3px;margin:20px 0}.hero h1 span,.client-card h1 span{color:#9d82ff}.hero p,.lead{color:#999ca4;line-height:1.8;max-width:590px;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:30px}.features{display:flex;gap:25px;margin-top:46px;color:#a5a7ae;font-size:12px}.features b{color:#9d82ff;margin-right:7px}.hero-art{position:absolute;right:-3%;top:55px;width:49%;height:530px}.city{position:absolute;inset:40px 0 0;background:linear-gradient(160deg,transparent 25%,#15151c 26% 70%,transparent 71%),linear-gradient(180deg,transparent 30%,#0e0f12 31%);clip-path:polygon(0 42%,9% 37%,14% 48%,22% 26%,28% 40%,37% 20%,43% 44%,54% 31%,61% 42%,72% 18%,78% 37%,88% 29%,100% 43%,100% 100%,0 100%);opacity:.9}.city:after{content:"";position:absolute;inset:25% 0 0;background:repeating-linear-gradient(90deg,transparent 0 35px,#a07cff12 36px 38px),repeating-linear-gradient(0deg,transparent 0 28px,#a07cff0c 29px 31px)}.car{position:absolute;width:330px;height:90px;border-radius:55% 35% 15% 15%;background:linear-gradient(135deg,#2c2d35,#090a0c);border:1px solid #41434c;bottom:110px;left:18%;transform:skewX(-12deg);box-shadow:0 25px 60px #000}.car:before,.car:after{content:"";position:absolute;width:50px;height:50px;background:#08090b;border:7px solid #282a31;border-radius:50%;bottom:-25px}.car:before{left:42px}.car:after{right:42px}.car-b{transform:scale(.72) skewX(-12deg);left:48%;bottom:65px;opacity:.45}.glass-card{position:absolute;right:5%;top:105px;padding:18px 22px;border:1px solid #ffffff15;background:#15151bcc;backdrop-filter:blur(12px);border-radius:14px;display:flex;flex-direction:column}.glass-card small{color:#72d7a1;letter-spacing:1px}.glass-card strong{font-size:25px;margin-top:5px}.glass-card span{color:#777b84;font-size:11px}.section{padding:90px 10%;max-width:1400px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section h2,.cta h2{font-size:36px;letter-spacing:-1.5px;margin:10px 0}.section-head p{color:#777b84}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article{padding:28px;border:1px solid #202227;background:#0e1013;border-radius:15px;min-height:180px}.icon{width:40px;height:40px;border-radius:11px;background:#171421;color:#a28aff;display:grid;place-items:center;font-weight:800;font-size:19px;margin-bottom:24px}.cards h3{margin:0 0 9px}.cards p{color:#80838b;line-height:1.65;margin:0}.cta{margin:0 10% 80px;padding:42px 50px;border:1px solid #272231;border-radius:18px;background:radial-gradient(circle at 80% 0,#261c47,#0f1013 55%);display:flex;justify-content:space-between;align-items:center}.cta h2{margin:8px 0}.cta p{color:#81838a;margin:0}.footer{position:relative;border-top:1px solid #202227;padding:55px 10%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;color:#7f828a}.footer-brand{color:#fff}.footer p{max-width:300px;line-height:1.7}.footer h4{color:#eee;margin-top:0}.footer>div:not(:last-child) a{display:block;margin:11px 0}.copyright{grid-column:1/-1;border-top:1px solid #202227;padding-top:22px;font-size:11px}.dashboard{max-width:1180px;margin:auto;padding:75px 25px 100px}.dashboard h1{font-size:44px;letter-spacing:-2px;margin:10px 0 8px}.dash-title,.roulette-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.profile-grid{display:grid;grid-template-columns:1fr 300px;gap:16px}.profile-main,.side-card{border:1px solid #202227;background:#0d0f12;border-radius:16px}.profile-cover{padding:30px;display:flex;align-items:center;gap:17px;border-bottom:1px solid #202227}.avatar-big{width:74px;height:74px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#9273ff,#493394);font-size:28px;font-weight:800}.profile-cover h2{margin:0 0 7px}.status-dot{font-size:11px;color:#70d49c}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#70d49c;border-radius:50%;margin-right:6px}.balance{margin-left:auto;text-align:right}.balance small{display:block;color:#777;font-size:10px}.balance strong{font-size:22px;display:block;margin:5px 0}.balance i{color:#a18aff;font-style:normal}.balance a{font-size:11px;color:#a18aff}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#202227}.stat-grid>div{background:#0d0f12;padding:23px}.stat-grid small,.stat-grid span{display:block;color:#6f737b;font-size:10px}.stat-grid b{display:block;margin:8px 0}.side-card{padding:20px;height:max-content}.side-card h3{margin-top:0}.side-card a{display:flex;justify-content:space-between;padding:15px 5px;border-top:1px solid #1d1f23;color:#bbb}.auth-body{min-height:100vh}.auth-wrap{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:50px}.auth-card{width:410px;padding:38px;border:1px solid #24262b;background:#0e1013;border-radius:18px;box-shadow:0 25px 90px #0008}.auth-card h1{font-size:32px;margin:12px 0}.auth-card p{color:#7f828a;line-height:1.6}.auth-card label{display:block;color:#9b9ea5;font-size:11px;margin-top:18px}.auth-card input{display:block;width:100%;margin-top:7px;background:#090a0d;border:1px solid #292b31;border-radius:10px;padding:13px;color:#fff;outline:none}.auth-card input:focus{border-color:#8265eb}.full{width:100%;margin-top:22px}.auth-bottom{text-align:center;color:#777;margin-top:20px;font-size:12px}.auth-bottom a{color:#a18aff}.error{padding:11px;border:1px solid #572d39;background:#25161b;color:#ff9bad;border-radius:9px;font-size:12px}.empty{text-align:center;border:1px dashed #292b31;border-radius:16px;padding:80px 20px;margin-top:30px}.empty>div{font-size:45px;color:#9275ff}.empty p{color:#777}.roulette-head .balance-pill{border:1px solid #292b31;background:#111216;padding:12px 18px;border-radius:10px}.wheel-wrap{display:grid;place-items:center;padding:40px}.wheel{width:280px;height:280px;border-radius:50%;border:12px solid #28222f;background:conic-gradient(#9476ff 0 45deg,#17131d 45deg 90deg,#9476ff 90deg 135deg,#17131d 135deg 180deg,#9476ff 180deg 225deg,#17131d 225deg 270deg,#9476ff 270deg 315deg,#17131d 315deg);display:grid;place-items:center;box-shadow:0 0 80px #7654df44}.wheel-center{width:72px;height:72px;border-radius:50%;background:#0b0c0f;display:grid;place-items:center;font-size:24px;font-weight:800;color:#a58dff;border:1px solid #393244}.spin{margin-top:25px;background:#fff;color:#08090b;border:0;padding:13px 30px;border-radius:9px;font-weight:800;cursor:pointer}.roulette-result{text-align:center;color:#777;margin-top:10px}.roulette-result b{color:#b49fff}.packages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.packages button{padding:25px;background:#0e1013;color:#fff;border:1px solid #25272d;border-radius:13px;text-align:left;font-size:20px;font-weight:800;cursor:pointer}.packages button:hover{border-color:#8164e4}.packages small{display:block;color:#777;font-size:10px;margin-top:8px}.pay-box{margin-top:20px;padding:22px;background:#0e1013;border:1px solid #24262b;border-radius:13px;color:#888}.pay-box b{color:#fff}.client-page{min-height:650px;padding:100px 10%;background:radial-gradient(circle at 75% 40%,#2b1e50,#090a0c 45%)}.client-card{max-width:700px}.client-card h1{font-size:60px;letter-spacing:-3px;line-height:1.03;margin:20px 0}.client-card .btn small{font-weight:500;color:#ddd}.client-meta{display:flex;gap:28px;margin-top:35px;color:#666;font-size:11px}.client-meta b{color:#ccc;margin-left:4px}.rules{margin-top:35px;display:grid;gap:12px}.rules article{background:#0e1013;border:1px solid #22242a;border-radius:14px;padding:25px}.rules b{color:#9678ff}.rules h2{margin:8px 0}.rules p{color:#7e8189;line-height:1.7;margin:0}.contact-cards{margin-top:30px}
@media(max-width:900px){.topbar{padding:0 20px;gap:20px}.topbar nav{display:none}.hero-copy{padding:80px 25px}.hero h1{font-size:46px}.hero-art{opacity:.3;width:80%;right:-25%}.features{flex-wrap:wrap}.cards,.profile-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr;padding:40px 25px}.cta{margin:0 25px 50px;padding:30px;display:block}.cta .btn{margin-top:20px}.dashboard{padding:50px 20px}.packages{grid-template-columns:1fr 1fr}.client-page{padding:70px 25px}.client-card h1{font-size:44px}}@media(max-width:520px){.hero-actions,.features{display:block}.hero-actions .btn{width:100%;margin-bottom:10px}.stat-grid{grid-template-columns:1fr}.packages{grid-template-columns:1fr}.auth-wrap{padding:20px}.auth-card{width:100%}.footer{grid-template-columns:1fr}.copyright{grid-column:auto}}