:root{--bg:#07090c;--panel:#11151b;--silver:#d9dde5;--gold:#d7a84b;--text:#f7f7f5;--muted:#aeb5bf;--line:#252b33;--white:#fff;--danger:#ff6b6b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#f6f7f8;color:#12151a}.announcement{background:#050607;color:#e7d2a1;text-align:center;padding:.55rem 1rem;font-size:.85rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:1rem 4vw;border-bottom:1px solid #e8eaee}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#111;font-weight:800;letter-spacing:-.03em}.brand b{color:var(--gold)}.planet{width:38px;height:38px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);transform:rotate(-16deg)}nav{display:flex;align-items:center;gap:1.2rem}nav a{text-decoration:none;color:#25282d;font-weight:600;font-size:.92rem}.cart span{background:#111;color:#fff;border-radius:999px;padding:.15rem .45rem}.menu-btn{display:none;background:none;border:0;font-size:1.5rem}.hero{min-height:620px;background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.66) 43%,rgba(0,0,0,.12) 75%),url('../images/pages/hero.jpg') center/cover;display:flex;align-items:center;padding:6vw;color:#fff}.hero-inner{max-width:690px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#e7c56f;font-size:.8rem;font-weight:800}.hero h1{font-size:clamp(3rem,6vw,6.7rem);line-height:.9;margin:.4rem 0 1.2rem;letter-spacing:-.06em}.hero p{font-size:1.15rem;color:#e4e8ee;max-width:580px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.25rem;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid #111;background:#111;color:#fff;cursor:pointer}.btn.gold{background:linear-gradient(135deg,#f0d28b,#b77a20);color:#111;border:0}.btn.ghost{background:transparent;border-color:#ddd;color:#111}.hero .btn.ghost{color:#fff}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.section{padding:5rem 5vw}.section.dark{background:#0c0f13;color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section h2{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.05em;margin:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.card{background:#fff;border:1px solid #e4e7eb;border-radius:22px;overflow:hidden;box-shadow:0 12px 40px rgba(12,18,28,.06)}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.card-body{padding:1rem 1rem 1.2rem}.card h3{margin:.2rem 0 .4rem}.price{font-weight:900}.tag{font-size:.78rem;padding:.3rem .55rem;border-radius:99px;background:#f1ead9;color:#6a4b13;display:inline-block}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.feature{padding:1.3rem;border:1px solid #2a313a;background:#11161d;border-radius:18px}.feature b{display:block;margin-bottom:.4rem}.feature p{margin:0;color:#aeb7c4}.page-hero{padding:5rem 5vw;background:#0a0c0f;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.page-hero img{width:100%;border-radius:24px;max-height:460px;object-fit:cover}.content{max-width:1200px;margin:auto;padding:3rem 5vw}.prose{max-width:820px}.form{display:grid;gap:1rem;max-width:720px}.form label{font-weight:800}.form input,.form textarea,.form select{width:100%;padding:.85rem 1rem;border:1px solid #ccd2da;border-radius:12px;background:#fff;font:inherit}.form textarea{min-height:150px}.flash{max-width:1200px;margin:1rem auto;padding:1rem;border-radius:12px}.flash.success{background:#e8f8ee}.flash.error{background:#feecec}.footer{background:#07090c;color:#c6cbd3;padding:4rem 5vw 2rem;display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:2rem}.footer a{display:block;color:#c6cbd3;text-decoration:none;margin:.5rem 0}.footer h4{color:#fff}.footer-brand{color:#fff}.footer form{display:flex;gap:.5rem}.footer input{flex:1;padding:.8rem;border-radius:10px;border:1px solid #333;background:#111;color:#fff}.footer button{padding:.8rem 1rem;border:0;border-radius:10px;background:var(--gold);font-weight:900}.copyright{grid-column:1/-1;border-top:1px solid #20242b;padding-top:1.5rem}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.product-main-img{width:100%;border-radius:28px;background:#111}.qty{width:90px}.cart-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.cart-table th,.cart-table td{padding:1rem;border-bottom:1px solid #eee;text-align:left}.checkout-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:2rem}.summary{background:#fff;border-radius:20px;padding:1.5rem;border:1px solid #e4e7eb}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-nav{background:#0b0e12;color:#fff;padding:2rem 1rem}.admin-nav a{display:block;color:#bbc3cd;text-decoration:none;padding:.7rem}.admin-main{padding:2rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric{background:#fff;border:1px solid #e1e5ea;border-radius:16px;padding:1.25rem}.metric strong{font-size:2rem}.table-wrap{overflow:auto;background:#fff;border-radius:16px;border:1px solid #e1e5ea}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.8rem;border-bottom:1px solid #eee;text-align:left}.badge{padding:.25rem .55rem;border-radius:999px;background:#eef1f5;font-size:.8rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card{background:#fff;border:1px solid #e4e7eb;border-radius:18px;overflow:hidden}.blog-card .card-body{padding:1.2rem}@media(max-width:900px){nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:1rem 5vw;flex-direction:column;align-items:flex-start}.site-header.open nav{display:flex}.menu-btn{display:block}.grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.page-hero,.product-layout,.checkout-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-nav{display:flex;overflow:auto}.metrics{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{min-height:560px;padding:2rem}.grid,.features,.blog-grid,.footer,.metrics{grid-template-columns:1fr}.hero h1{font-size:3.4rem}.section{padding:3rem 1.1rem}.page-hero,.content{padding:2rem 1.1rem}.cart-table{font-size:.85rem}}
