@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:#09111f;color:#f1f3f5;font-family:Inter,Arial,sans-serif}.bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 15%,#1b2a1f 0,transparent 28%),radial-gradient(circle at 15% 60%,#101d2c 0,transparent 25%);opacity:.75}.topbar{height:78px;border-bottom:1px solid #203145;display:flex;align-items:center;padding:0 6%;position:relative;z-index:2;background:#09111fcc;backdrop-filter:blur(14px)}.logo{color:#fff;text-decoration:none;font-weight:800;font-size:19px;letter-spacing:-.5px}.logo span{display:inline-grid;place-items:center;width:32px;height:32px;background:#67b7ff;color:#081321;border-radius:9px;margin-right:8px}.topbar nav{display:flex;gap:30px;margin:auto}.topbar nav a{color:#8da4b8;text-decoration:none;font-size:13px}.topbar nav a:hover,.topbar nav .active{color:#fff}.panel-btn,.primary{background:#67b7ff;color:#0b0d09;text-decoration:none;border:0;border-radius:10px;padding:12px 17px;font-weight:700;font-size:13px}.panel-btn b{margin-left:8px}.hero{max-width:1200px;margin:0 auto;min-height:540px;padding:90px 5%;display:flex;align-items:center;justify-content:space-between;position:relative}.hero-copy{max-width:690px}.pill,.eyebrow,.tag{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#a9bfd3}.pill{display:inline-block;border:1px solid #2b4660;padding:8px 12px;border-radius:30px;color:#67b7ff;background:#101611}.hero h1{font-size:62px;line-height:1.03;letter-spacing:-3px;margin:20px 0}.hero h1 em{font-style:normal;color:#67b7ff}.hero p{color:#8da4b8;line-height:1.7;max-width:570px}.hero-actions{display:flex;gap:12px;margin-top:30px}.primary span{margin-left:18px}.secondary,.filter{border:1px solid #2d435b;background:#111c2b;color:#e9edf0;padding:12px 17px;border-radius:10px;text-decoration:none;font-weight:600}.hero-card{width:300px;height:300px;border:1px solid #2b4054;background:linear-gradient(145deg,#13243a,#0b1422);border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:22px;box-shadow:0 25px 70px #0008}.cube{grid-column:1/-1;display:grid;place-items:center;font-size:90px;color:#67b7ff;text-shadow:0 0 40px #67b7ff66}.hero-stat{border-top:1px solid #252b2e;padding-top:13px;display:flex;flex-direction:column}.hero-stat strong{font-size:18px}.hero-stat span{font-size:10px;color:#6e7780;margin-top:5px}.section,.about{max-width:1200px;margin:0 auto;padding:80px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section h2,.packs h2,.about h2{font-size:31px;letter-spacing:-1.5px;margin:8px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.mod-card{border:1px solid #25364a;border-radius:16px;overflow:hidden;background:#101a29;transition:.2s}.mod-card:hover{transform:translateY(-4px);border-color:#45504a}.mod-img{height:150px;display:grid;place-items:center;font-size:55px;background:#151c17}.img-2{background:#14263d}.img-3{background:#172438}.img-4{background:#12243a}.mod-body{padding:18px}.tag{color:#67b7ff;font-size:9px}.mod-body h3{margin:8px 0;font-size:17px}.mod-body p{color:#747d86;font-size:12px;line-height:1.5;min-height:36px}.meta{display:flex;justify-content:space-between;border-top:1px solid #22272c;padding-top:13px;color:#69727a;font-size:10px}.packs{max-width:1100px;margin:30px auto;padding:45px;border:1px solid #29302b;border-radius:22px;background:linear-gradient(110deg,#121914,#0b1422);display:flex;align-items:center;justify-content:space-between}.packs p,.about p{color:#7f8890;max-width:600px;line-height:1.7;font-size:13px}.about{display:flex;justify-content:space-between}.about>div{min-width:40%}footer{border-top:1px solid #203145;padding:25px 6%;display:flex;justify-content:space-between;color:#59616a;font-size:11px}.admin-page{background:#090b0e}.user{font-size:12px;color:#9da5ac}.dashboard{display:flex;max-width:1400px;margin:auto;min-height:calc(100vh - 79px)}.sidebar{width:220px;border-right:1px solid #203145;padding:35px 18px}.side-title{font-size:9px;letter-spacing:2px;color:#56606a;margin:0 12px 14px}.sidebar a{display:block;color:#7e8790;text-decoration:none;font-size:12px;padding:12px;border-radius:8px;margin-bottom:4px}.sidebar a:hover,.side-active{background:#14263a;color:#67b7ff!important}.dash-content{padding:50px;flex:1}.dash-head{display:flex;justify-content:space-between;align-items:end}.dash-head h1{font-size:31px;margin:7px 0 30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stats>div,.panel{border:1px solid #25364a;background:#101a29;border-radius:13px;padding:20px}.stats span{font-size:9px;color:#65707a;letter-spacing:1px}.stats strong{display:block;font-size:26px;margin:12px 0}.stats small{color:#6f9a55;font-size:10px}.panel{margin-top:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #22272c;padding-bottom:15px;margin-bottom:20px}.panel-title h2{font-size:16px;margin:0}.panel-title span{font-size:10px;color:#5f6870}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.form-grid label{font-size:10px;color:#7c858e}.form-grid .wide{grid-column:1/-1}input,select,textarea{display:block;width:100%;margin-top:7px;background:#090c0f;border:1px solid #2d435b;border-radius:8px;color:#e9edf0;padding:12px;outline:none;font:inherit;font-size:12px}textarea{min-height:100px;resize:vertical}@media(max-width:800px){.topbar nav{display:none}.hero{padding-top:55px}.hero-card{display:none}.hero h1{font-size:45px}.grid{grid-template-columns:1fr 1fr}.packs,.about{margin:20px;display:block}.packs .primary{display:inline-block;margin-top:20px}.sidebar{display:none}.dash-content{padding:25px}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.about{padding:40px 5%}}