:root{--bg: #000a2a;--panel: #001b66;--panel-alt: #002480;--text: #f4f7ff;--muted: #c8d6ff;--accent: #0000ff;--accent-strong: #3f6dff;--border: #0a2f80;--success: #3dd598;--danger: #ff6b6b;--radius: 14px;--shadow: 0 14px 28px rgba(0, 0, 0, .26);--font: "Poppins", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:radial-gradient(circle at 20% 20%,rgba(0,0,255,.18),transparent 35%),radial-gradient(circle at 80% 10%,rgba(0,0,255,.12),transparent 40%),linear-gradient(135deg,#00081f,#00154d 55%,#000a2a);color:var(--text);min-height:100vh}a{color:var(--accent)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;max-width:1120px;margin:0 auto;padding:1.5rem;width:100%}.panel{background:linear-gradient(145deg,var(--panel) 0%,var(--panel-alt) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.navbar{position:sticky;top:0;z-index:10;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;background:#0f1828e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;letter-spacing:.04em;color:var(--text)}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--bg);display:grid;place-items:center;font-weight:800;font-size:.9rem;box-shadow:0 8px 24px #3ba0ff80}.hamburger{display:none;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:10px;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}.hamburger span{display:block;width:20px;height:2px;background:var(--text);position:relative}.hamburger span:before,.hamburger span:after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--text);transition:transform .2s ease}.hamburger span:before{top:-6px}.hamburger span:after{top:6px}.nav-links{display:flex;align-items:center;gap:1rem;margin-left:auto}@media (min-width: 769px){.hamburger{display:none!important}.nav-links{display:flex!important;position:static;padding:0;background:transparent;flex-direction:row;border:none}}.nav-links a{color:var(--muted);text-decoration:none;font-weight:600;padding:.5rem .75rem;border-radius:10px}.nav-links a.active{color:var(--text);background:#3ba0ff1f}.login-link{border:1px solid var(--border);background:#3ba0ff1a;color:var(--text)}.hero{margin:1rem 0 1.5rem;padding:2rem;display:grid;gap:1rem}.hero h1{margin:0;font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.5px}.hero p{margin:0;color:var(--muted);line-height:1.6}.cta-row{display:flex;gap:.75rem;flex-wrap:wrap}.button,.ghost-button{padding:.85rem 1.2rem;border-radius:12px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#0a1628;box-shadow:0 12px 30px #3ba0ff59;border:none}.ghost-button{border:1px solid var(--border);color:var(--text);background:transparent}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;background:#3ba0ff1f;border:1px solid var(--border);color:var(--text);font-size:.85rem}.grid{display:grid;gap:1rem}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{padding:1.2rem}.card h3{margin:0 0 .35rem}.muted{color:var(--muted)}.product-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;text-decoration:none;color:var(--accent-strong)}.form{display:grid;gap:.85rem}.form label{display:block;margin-bottom:.3rem;color:var(--text);font-weight:600}.form input,.form textarea{width:100%;padding:.75rem .85rem;border-radius:12px;border:1px solid var(--border);background:#ffffff05;color:var(--text)}.status{margin-top:.5rem;font-weight:600}.status.success{color:var(--success)}.status.error{color:var(--danger)}.footer{padding:1rem;text-align:center;color:var(--muted);border-top:1px solid var(--border);background:#0c1a30e6}.login-panel{padding:1.5rem;display:grid;gap:1rem}.trust-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.trust-chip{border:1px solid var(--border);border-radius:12px;padding:.5rem .75rem;color:var(--text);background:#ffffff05}@media (max-width: 768px){.hamburger{display:grid}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;padding:.75rem 1rem 1rem;background:#0a1b33f2;flex-direction:column;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.content{padding:1rem}}
