@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');
:root{--bg:#080c18;--surface:#111726;--line:#253044;--text:#f4f6fa;--muted:#9ca8bb;--orange:#ff8a2b;--orange2:#ffb11e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}.nav{height:86px;padding:0 max(5vw,30px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202838;position:relative;z-index:2;background:#080c18cc;backdrop-filter:blur(14px)}.brand{font:800 25px Outfit,sans-serif;color:#fff;text-decoration:none;letter-spacing:-1px}.brand span,em{color:var(--orange);font-style:normal}.nav nav{display:flex;gap:34px}.nav nav a{color:#aab4c4;text-decoration:none;font-weight:600}.nav nav a:hover{color:#fff}.panel-link{color:#ffc788;text-decoration:none;border:1px solid #394154;padding:10px 16px;border-radius:10px;font-size:14px}.hero{min-height:660px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.halo{position:absolute;width:820px;height:560px;bottom:-250px;background:radial-gradient(ellipse,rgba(255,122,33,.25),rgba(240,163,26,.1) 35%,transparent 68%);filter:blur(10px)}.hero-content{position:relative;max-width:850px;padding:70px 25px}.eyebrow{color:#ffad61;font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 17px}.hero h1,h1,h2{font-family:Outfit,sans-serif;letter-spacing:-1.7px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.08;margin:0}.lead{color:var(--muted);font-size:18px;line-height:1.7;max-width:650px;margin:24px auto 32px}.actions{display:flex;justify-content:center;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;border:1px solid #3b4250;border-radius:12px;padding:14px 22px;background:transparent;font-weight:700;font:inherit;cursor:pointer}.button.primary{border:0;background:linear-gradient(110deg,#ff6945,#ff9b2b);box-shadow:0 10px 25px #f5742129}.stats{display:flex;margin:65px auto 0;border-top:1px solid #35333a;max-width:680px;padding-top:25px;justify-content:space-around}.stats div{display:grid;gap:7px}.stats strong{font:700 31px Outfit,sans-serif;color:#ff9b28}.stats span{color:var(--muted);font-size:14px}.section{padding:100px max(7vw,30px);max-width:1300px;margin:auto}.section h2,.contact h2{font-size:44px;margin:0 0 12px}.sub{color:var(--muted);margin:0 0 40px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.card{background:linear-gradient(150deg,#131b2b,#0f1522);border:1px solid #283347;border-radius:18px;padding:28px;position:relative}.card.featured{border-color:#bd6b2e}.tag{position:absolute;right:18px;top:18px;background:#5d351c;color:#ffc785;font-size:10px;font-weight:bold;padding:6px 8px;border-radius:5px}.card-top{display:flex;justify-content:space-between;color:#ffad61;font-size:12px;letter-spacing:.7px}.card-top small{color:#8090a6}.card h3{font:600 25px Outfit,sans-serif;margin:24px 0 9px}.card p{color:var(--muted);line-height:1.55;margin:0}.card ul{list-style:none;padding:12px 0;border-bottom:1px solid #293244;color:#c2cbd9;line-height:2}.card li:before{content:'✓';color:var(--orange);font-weight:bold;margin-right:9px}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.card-bottom small{display:block;color:var(--muted)}.card-bottom strong{font:600 19px Outfit,sans-serif}.small{padding:10px 14px;font-size:13px}.split{display:grid;grid-template-columns:.75fr 1fr;gap:80px}.features{display:grid;gap:14px}.features article{display:flex;gap:18px;padding:18px;background:#101624;border:1px solid #222c3d;border-radius:12px}.features b{font-size:24px}.features h3{margin:0 0 5px;font-size:17px}.features p{margin:0;color:var(--muted);font-size:14px}.contact{text-align:center;padding:115px 25px;background:radial-gradient(circle at center,#2e2015,#0b0f1c 62%)}.contact p:not(.eyebrow){color:var(--muted);margin:0 0 25px}footer{padding:30px max(5vw,30px);border-top:1px solid #202838;display:flex;justify-content:space-between;align-items:center;color:#7f8ba0;font-size:13px}.loading{color:var(--muted)}.admin-body{min-height:100vh;background:linear-gradient(130deg,#080c18,#11101b)}.admin{max-width:1180px;margin:auto;padding:70px 28px}.login{max-width:470px;margin:65px auto;background:#121a2a;border:1px solid #2b3548;border-radius:18px;padding:35px}.login h1,.dashboard-head h1{margin:0 0 12px;font-size:38px}.login p,.dashboard-head p{color:var(--muted)}.login form{display:grid;gap:14px;margin-top:25px}.login input,.form-card input,.form-card textarea{width:100%;padding:13px;border:1px solid #354055;border-radius:9px;background:#090e1a;color:#fff;font:inherit}.login small,#form-message{color:#ff9b85}.dashboard-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:35px}.admin-grid{display:grid;grid-template-columns:1fr .9fr;gap:24px}.form-card,.list-card{background:#111827;border:1px solid #29354a;border-radius:16px;padding:26px}.form-card h2,.list-card h2{margin-top:0;font-family:Outfit}.form-card{display:grid;gap:14px}.form-card label{display:grid;gap:7px;color:#c7d0dd;font-size:14px;font-weight:600}.form-card textarea{min-height:88px;resize:vertical}.form-card small{color:#8190a5;font-weight:400}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:block!important}.check input{width:auto!important}.admin-product{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #29354a}.admin-product div{display:grid;gap:5px}.admin-product span{color:var(--muted);font-size:13px}.delete{background:transparent;border:1px solid #9e4251;color:#ff9da9;border-radius:7px;padding:7px 9px;cursor:pointer}@media(max-width:720px){.nav nav{display:none}.nav{height:70px}.panel-link{padding:8px;font-size:12px}.hero{min-height:610px}.stats{margin-top:45px}.section{padding:70px 25px}.split,.admin-grid{grid-template-columns:1fr;gap:35px}.section h2,.contact h2{font-size:36px}footer{gap:14px;align-items:start;flex-direction:column}.dashboard-head{gap:20px;flex-direction:column}.two{grid-template-columns:1fr}}