:root{color-scheme:dark;--cyan:#2db4e8;--line:rgba(45,180,232,.16);--muted:#89a0b0}*{box-sizing:border-box;margin:0;padding:0}body{background:#060d15;color:#c9dae6;font-family:Barlow,sans-serif;-webkit-font-smoothing:antialiased}a{color:#8bdfff;text-decoration:none}button{font:inherit;color:inherit}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 500px at 78% 5%,#2db4e81c,transparent 65%),linear-gradient(#2db4e807 1px,transparent 1px),linear-gradient(90deg,#2db4e807 1px,transparent 1px);background-size:auto,56px 56px,56px 56px}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px max(24px,calc((100% - 1160px)/2));background:#070f18df;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:#fff}.brand>b,.footer-brand>b{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),#0d6f97);box-shadow:0 0 22px #2db4e866;font:700 24px Rajdhani}.brand strong{display:block;font:700 22px/1 Rajdhani;letter-spacing:1px}.brand em{color:var(--cyan);font-style:normal}.brand small{display:block;margin-top:5px;color:#61798a;font-size:10px;letter-spacing:3px;text-transform:uppercase}.discord,.buy{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 19px;border-radius:9px;background:#5865f2;color:white;font:600 16px Rajdhani;transition:.2s}.discord:hover{filter:brightness(1.15);transform:translateY(-1px)}main{max-width:1160px;margin:auto;padding-bottom:88px}.hero{text-align:center;padding:62px 20px 42px}.status{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;margin-bottom:24px;border:1px solid #3ad6784d;border-radius:99px;background:#3ad6781a;color:#7fe6a3;font:600 13px Rajdhani;letter-spacing:1.4px;text-transform:uppercase}.status i{width:8px;height:8px;border-radius:50%;background:#3ad678;animation:pulse 2s infinite}.hero h1{color:white;font:700 clamp(44px,7vw,60px)/1 Rajdhani;text-transform:uppercase}.hero h1 span{color:var(--cyan);text-shadow:0 0 38px #2db4e899}.hero>p{max-width:610px;margin:18px auto;color:#91a8b8;font-size:17px;line-height:1.7}.stats{display:flex;justify-content:center;gap:clamp(28px,7vw,70px);margin-top:30px}.stats b{display:block;color:white;font:700 29px Rajdhani}.stats small{color:#60798a;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 20px 38px}.cat-filter{display:flex;gap:8px;padding:10px 18px;border:1px solid var(--line);border-radius:9px;background:#ffffff08;color:#8fa6b6;cursor:pointer;font:600 15px Rajdhani}.cat-filter:hover,.cat-filter.active{color:white;border-color:#2db4e880;background:#2db4e826}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(170deg,#10202ef2,#09121bde);transition:.22s}.product:hover{transform:translateY(-5px);border-color:#2db4e87a}.product[hidden]{display:none}.tag{position:absolute;top:14px;right:14px;z-index:2;padding:5px 12px;border-radius:99px;background:#2db4e833;color:#8bdeff;font:700 11px Rajdhani;letter-spacing:1px;text-transform:uppercase}.visual{position:relative;display:grid;place-items:center;height:158px;border-bottom:1px solid var(--line);background:linear-gradient(150deg,var(--a),var(--b))}.visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0f 1px,transparent 1px),linear-gradient(90deg,#ffffff0f 1px,transparent 1px);background-size:26px 26px}.visual i{z-index:1;color:white;font-size:58px;filter:drop-shadow(0 6px 18px #0008)}.product-body{display:flex;flex:1;flex-direction:column;padding:22px}.frameworks{display:flex;gap:7px;margin-bottom:12px}.frameworks span{padding:3px 9px;border:1px solid #2db4e838;border-radius:6px;background:#2db4e81a;color:#7fc9ec;font:500 11px "JetBrains Mono"}.product h2,.custom h2{color:white;font:700 23px Rajdhani}.desc{min-height:65px;margin:7px 0 15px;color:#849baa;font-size:14px;line-height:1.55}.product ul{display:grid;gap:8px;flex:1;list-style:none}.product li{color:#a1b5c2;font-size:13.5px}.product li:before{content:"✓";margin-right:10px;color:#3ad678}.price{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 0 16px;padding-top:16px;border-top:1px solid #2db4e81a}.price strong{color:white;font:700 30px Rajdhani}.price del{margin-left:7px;color:#60798a}.price>small{padding-bottom:5px;color:#718a9b}.price i{color:var(--cyan)}.buy{background:linear-gradient(135deg,var(--cyan),#1487b8);box-shadow:0 8px 22px #2db4e83b}.buy:hover{filter:brightness(1.13);transform:translateY(-2px)}.custom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:60px;padding:34px 40px;border:1px solid var(--line);border-radius:18px;background:#0e1d2ae6}.custom>div{display:flex;align-items:center;gap:20px}.custom>div>i{display:grid;place-items:center;width:56px;height:56px;padding:15px;border-radius:14px;background:#5865f226;color:#9299ff;font-size:27px}.custom p{max-width:480px;margin-top:4px;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px max(24px,calc((100% - 1160px)/2));border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-brand{display:flex;align-items:center;gap:10px;font:600 15px Rajdhani}.footer-brand>b{width:34px;height:34px;font-size:19px}footer button{border:0;background:none;cursor:pointer}footer button:hover,footer a:hover{color:#5fd4ff}footer .fa-lock{color:#3ad678}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:30px;background:#04080ed9;backdrop-filter:blur(7px)}.modal[hidden]{display:none}.modal>article{width:min(640px,100%);max-height:86vh;overflow:auto;border:1px solid #2db4e840;border-radius:20px;background:#0b1823}.modal-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--line);background:#09121bf7}.modal-head h2{color:white;font:700 25px Rajdhani}.modal-head h2 i{color:var(--cyan)}.modal-head button{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#ffffff08;cursor:pointer}.modal-body{display:grid;gap:23px;padding:28px}.modal-body h3{margin-bottom:8px;color:white;font:600 17px Rajdhani}.modal-body p{color:#9db2c1;line-height:1.65}.modal-body aside{padding:14px;border:1px solid #ffb04240;border-radius:9px;background:#ffb04214;color:#e8c792}@keyframes pulse{50%{opacity:.55;box-shadow:0 0 0 8px #3ad67800}}@media(max-width:1200px){main{padding-left:24px;padding-right:24px}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){header{padding:13px 16px}.brand strong{font-size:18px}.brand small{display:none}.products{grid-template-columns:1fr}.custom{align-items:stretch;flex-direction:column;padding:26px}.custom>.discord{align-self:flex-start}footer{align-items:flex-start;flex-direction:column}.modal{padding:14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
