@import url('https://cdn.jsdelivr.net/gh/sun-typeface/SUIT@2/fonts/variable/woff2/SUIT-Variable.css');
:root{color-scheme:dark;font-family:SUIT,system-ui,sans-serif;--gold:#ffe29a;--line:rgba(255,198,93,.4);--panel:rgba(27,18,29,.72)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#100815;color:#fff}body{min-height:100vh;background:radial-gradient(circle at 54% 35%,rgba(122,66,70,.82),transparent 35%),radial-gradient(circle at 48% 83%,rgba(132,78,50,.75),transparent 32%),linear-gradient(115deg,#090313 5%,#311d25 55%,#100716 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#ffd777 0 1px,transparent 1.8px),radial-gradient(circle,#ffe2a0 0 1px,transparent 2px);background-position:8% 14%,75% 34%;background-size:310px 280px,470px 390px;opacity:.65}.landing{position:relative;width:min(448px,calc(100% - 28px));margin:0 auto;padding:22px 0 34px;transform:scale(var(--ui-scale));transform-origin:top center}.hero-card{padding:24px 18px 21px;text-align:center;border:1px solid rgba(255,195,113,.4);border-radius:20px;background:linear-gradient(145deg,rgba(22,13,28,.9),rgba(38,23,33,.67));box-shadow:0 16px 60px rgba(255,128,48,.14),inset 0 0 25px rgba(255,216,151,.03)}.eyebrow{margin:0 0 8px;color:var(--gold);font-size:16px;font-weight:900;text-shadow:0 0 12px rgba(255,206,104,.45)}h1{margin:0;color:#ffe6a9;font-size:30px;letter-spacing:-1px;text-shadow:0 2px 16px rgba(255,196,90,.3)}.subtitle{margin:12px 0 0;color:#bfb2b9;font-size:12px;font-weight:600}.poster-stage{height:294px;margin:19px 7px 1px;position:relative;filter:drop-shadow(0 18px 18px rgba(0,0,0,.35))}.poster{position:absolute;top:27px;width:116px;height:245px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,217,148,.36);background:#261a28}.poster img{width:100%;height:100%;object-fit:cover}.poster.center{left:50%;top:9px;transform:translateX(-50%);width:176px;height:275px;z-index:3;border-width:2px}.poster.side{z-index:2}.poster.left{left:16px;transform:rotate(-4deg)}.poster.right{right:16px;transform:rotate(4deg)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.13),transparent 25% 73%,rgba(255,210,130,.08))}.links h2{margin:0 0 13px;display:flex;align-items:center;gap:14px;justify-content:center;color:#ffe2a0;font-size:17px}.links h2 span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line))}.links h2 span:last-child{background:linear-gradient(90deg,var(--line),transparent)}nav{display:grid;gap:10px}nav a{height:58px;border:1px solid var(--line);border-radius:14px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;color:#eee;text-decoration:none;background:linear-gradient(90deg,rgba(94,62,39,.58),rgba(27,18,26,.7));transition:.2s}nav a:hover{border-color:#ffd480;transform:translateY(-1px)}nav b{font-size:15px}nav i{font-size:21px;color:#ffd76d;font-style:normal}.telegram{height:57px;margin-top:10px;border:1px solid rgba(54,167,255,.55);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;color:white;text-decoration:none;background:linear-gradient(100deg,rgba(34,100,143,.4),rgba(38,38,80,.55));box-shadow:inset 0 0 24px rgba(63,164,255,.08)}.telegram-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#27aee8;font-size:15px;transform:rotate(-24deg)}.telegram small,.telegram strong{display:block}.telegram small{font-size:10px;color:#9fb8cb}.telegram strong{font-size:15px}.service-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.service-badges span{height:42px;border:1px solid rgba(255,204,129,.27);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(109,71,48,.3);font-size:11px;font-weight:800;color:#e9ded7}.service-badges i{width:5px;height:5px;border-radius:50%;background:#ffd76c;box-shadow:0 0 8px #ffd76c}.theme-blue{--gold:#bfe8ff;--line:rgba(98,189,255,.45)}.theme-purple{--gold:#e1c5ff;--line:rgba(183,121,255,.42)}@media(max-width:480px){.landing{width:min(390px,calc(100% - 24px));padding-top:16px}.poster-stage{height:270px}.poster.center{width:158px;height:253px}.poster{width:105px;height:225px}.poster.left{left:12px}.poster.right{right:12px}h1{font-size:27px}}@media(max-width:360px){.poster.center{width:145px}.poster{width:96px}.poster.left{left:5px}.poster.right{right:5px}.service-badges span{font-size:10px}}
