@font-face{font-family:Inter;src:url('./assets/inter-regular.ttf')}@font-face{font-family:Inter;src:url('./assets/inter-bold.ttf');font-weight:700}@font-face{font-family:Inter;src:url('./assets/inter-black.ttf');font-weight:900}:root{--bg:#080c16;--panel:#111725;--line:#263047;--text:#f5f7fb;--muted:#8f9aaf;--lime:#b7f72c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.header,main,footer{max-width:1240px;margin:auto}.header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:900;letter-spacing:1px}.brand b{color:var(--lime)}.brand-icon{width:43px;height:43px;border-radius:13px;background:var(--lime);display:grid;place-items:center;transform:rotate(-5deg)}.brand-icon img{width:30px}.header nav{display:flex;gap:40px}.header nav a{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:1.4px}.header nav a:hover{color:white}.youtube{height:42px;padding:0 17px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;font-size:10px;font-weight:900;letter-spacing:1px}.youtube:hover{background:white;color:#080c16}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;position:relative}.hero:before{content:"";position:absolute;width:480px;height:480px;right:0;background:#7967ff20;filter:blur(80px);border-radius:50%}.kicker{font-size:10px;color:var(--muted);font-weight:900;letter-spacing:2px;margin:0 0 20px;display:flex;align-items:center;gap:9px}.kicker span{width:22px;height:2px;background:var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(52px,5.2vw,78px);font-weight:900;line-height:.98;letter-spacing:-4px;margin:0 0 27px}.hero h1 em,.guide h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--lime)}.hero-description{max-width:570px;color:var(--muted);line-height:1.8;font-size:15px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:28px}.button{min-height:50px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:11px;padding:0 23px;font-size:11px;font-weight:900;letter-spacing:1px}.primary{background:var(--lime);color:#0b1019;transition:.2s}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px #b7f72c30}.text-link{font-size:11px;font-weight:900;color:var(--muted)}.text-link span{color:var(--lime);margin-left:7px}.stats{display:flex;gap:45px;margin-top:50px}.stats div{display:flex;flex-direction:column;gap:5px}.stats strong{font-size:20px}.stats span{font-size:8px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.hero-visual{height:520px;position:relative;display:grid;place-items:center}.visual-card{position:absolute;width:350px;border:1px solid #ffffff20;border-radius:28px;overflow:hidden;box-shadow:0 35px 70px #0008}.visual-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.main-card{transform:rotate(4deg);z-index:2}.back{transform:translate(-90px,45px) rotate(-11deg);opacity:.38}.main-card span{position:absolute;left:18px;bottom:17px;background:var(--lime);color:#0a0e16;padding:8px 11px;border-radius:6px;font-size:8px;font-weight:900}.orbit{position:absolute;border:1px solid #7967ff45;border-radius:50%}.orbit.one{width:445px;height:445px}.orbit.two{width:520px;height:520px;border-style:dashed}.spark{position:absolute;right:10px;top:65px;color:var(--lime);font-size:30px}.collection{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-head h2,.guide h2{font-size:42px;letter-spacing:-2px;font-weight:900;margin:0}.section-head>p{max-width:380px;color:var(--muted);line-height:1.7;font-size:13px;margin:0}.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mod-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}.mod-card:hover{transform:translateY(-6px);border-color:#b7f72c70;box-shadow:0 20px 50px #0005}.card-image{position:relative;overflow:hidden}.card-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,var(--panel))}.card-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:.4s}.mod-card:hover .card-image img{transform:scale(1.04)}.number{position:absolute;z-index:1;left:15px;top:15px;width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#090d18cc;border:1px solid #ffffff20;font-size:9px;font-weight:900}.category{position:absolute;z-index:1;right:15px;top:15px;padding:8px 10px;background:var(--lime);color:#090d18;border-radius:7px;font-size:8px;font-weight:900}.card-body{padding:5px 18px 19px;display:flex;align-items:end;justify-content:space-between;gap:10px;position:relative;z-index:1}.card-body p{font-size:8px;color:var(--lime);font-weight:900;letter-spacing:1.6px;margin-bottom:6px}.card-body h3{font-size:15px;line-height:1.35;margin:0}.card-body button{width:42px;height:42px;flex:none;border-radius:10px;border:1px solid var(--line);background:#1a2233;color:white;display:grid;place-items:center;cursor:pointer}.card-body button:hover{background:var(--lime);color:#080c16}.guide{margin:40px 0 110px;background:linear-gradient(125deg,#121a29,#0e1320);border:1px solid var(--line);border-radius:25px;padding:58px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.guide-note{color:var(--muted);font-size:13px;line-height:1.7;margin:20px 0 0}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border:0}.steps li>span{width:48px;height:48px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;color:var(--lime);font-size:11px;font-weight:900}.steps h3{font-size:13px;margin:2px 0 7px}.steps p{font-size:12px;color:var(--muted);margin:0}footer{height:105px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:var(--muted);font-size:10px}footer p{margin:0;flex:1}footer>.brand{color:white}footer .brand-icon{width:34px;height:34px;border-radius:10px}footer .brand-icon img{width:24px}.modal{padding:0;width:min(920px,calc(100% - 30px));border:1px solid #33405c;border-radius:22px;background:var(--panel);color:white;box-shadow:0 30px 100px #000c;overflow:hidden}.modal[open]{display:grid;grid-template-columns:1fr 1fr;animation:pop .2s ease}.modal::backdrop{background:#02040bd9;backdrop-filter:blur(8px)}.modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:10px;border:1px solid #ffffff30;background:#0b0f19cc;color:white;display:grid;place-items:center;cursor:pointer;z-index:2}.modal-image{position:relative;min-height:470px}.modal-image img{width:100%;height:100%;object-fit:cover;display:block}.modal-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,var(--panel))}.modal-image>span{position:absolute;z-index:1;left:22px;bottom:22px;background:var(--lime);color:#080c16;padding:9px 12px;border-radius:7px;font-size:9px;font-weight:900}.modal-body{padding:55px 40px 38px;display:flex;flex-direction:column}.modal-body h2{font-size:30px;line-height:1.15;margin-bottom:17px}.badges{display:flex;gap:7px}.badges span{border:1px solid var(--line);border-radius:6px;padding:7px 9px;color:var(--muted);font-size:8px;font-weight:900}.modal-body>#dialog-description{color:var(--muted);font-size:13px;line-height:1.75;margin:22px 0}.notice{padding:13px;background:#b7f72c0d;border:1px solid #b7f72c2b;border-radius:10px;color:#aeb8c9;font-size:11px;line-height:1.5;margin-bottom:20px}.modal-body>.button{margin-top:auto}@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}}
@media(max-width:1280px){.header,main,footer{margin-left:24px;margin-right:24px}}@media(max-width:900px){.header nav{display:none}.hero{grid-template-columns:1fr;padding:90px 0 40px}.hero-visual{height:400px}.visual-card{width:310px}.orbit.one{width:380px;height:380px}.orbit.two{width:430px;height:430px}.mod-grid{grid-template-columns:repeat(2,1fr)}.guide{grid-template-columns:1fr;gap:45px}}@media(max-width:600px){.header,main,footer{margin-left:16px;margin-right:16px}.header{height:68px}.brand{font-size:12px}.brand-icon{width:37px;height:37px}.youtube{font-size:0;width:41px;padding:0;justify-content:center}.hero{padding-top:65px}.hero h1{font-size:46px;letter-spacing:-2.8px}.hero-description{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column}.stats{gap:26px;margin-top:40px}.hero-visual{height:350px}.visual-card{width:250px;border-radius:20px}.back{transform:translate(-55px,30px) rotate(-10deg)}.orbit.one{width:305px;height:305px}.orbit.two{width:340px;height:340px}.collection{padding:70px 0}.section-head{display:block}.section-head h2,.guide h2{font-size:32px}.section-head>p{margin-top:14px}.mod-grid{grid-template-columns:1fr}.guide{margin-bottom:70px;padding:30px 22px;gap:35px}.modal[open]{display:block;max-height:calc(100dvh - 24px);overflow:auto}.modal-image{min-height:0;height:230px}.modal-image:after{background:linear-gradient(transparent 65%,var(--panel))}.modal-body{padding:27px 22px 22px}.modal-body h2{font-size:23px}.modal-body>.button{margin-top:0}footer{height:auto;padding:25px 0;flex-wrap:wrap}footer p{order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}