:root{--navy:#0a1628;--blue:#2563eb;--teal:#0d9488;--cyan:#06b6d4;--surface:#eef4fb;--card:#ffffff;--muted:#5b6b7c;--border:#dbe3ee;--ring:#5eead4;--danger:#b91c1c;--radius:14px;--shadow:0 10px 30px rgba(15,27,46,0.08);--lab-navy:var(--navy);--lab-teal:var(--teal);--lab-cyan:var(--cyan);--lab-muted:var(--muted);--lab-border:var(--border);--lab-card:var(--card);--lab-surface:var(--surface);font-family:SF Pro Text,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--surface);color:var(--navy)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.92);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem}.brand{font-weight:700;letter-spacing:-.02em;color:var(--navy)}.topnav{display:none;gap:1.25rem;align-items:center;font-size:.95rem}.topnav a{color:var(--navy);font-weight:500}.grow{flex:1 1}.btn{border:none;border-radius:999px;padding:.55rem 1.1rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;display:inline-block;text-align:center}.btn,.btn:hover{text-decoration:none}.btn:hover{filter:brightness(1.05)}.btn.secondary{background:#fff;color:var(--navy);border:1px solid #cbd5e1}.hero-banner{max-width:1100px;margin:0 auto;padding:2.5rem 1.25rem 2rem;background:linear-gradient(145deg,#0a1628,#134e4a 55%,#1e3a8a);color:#f8fafc;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow)}.hero-banner h1{font-size:clamp(1.85rem,4vw,2.75rem);margin:0 0 .75rem;letter-spacing:-.03em}.hero-banner p{color:#cbd5e1;max-width:62ch;line-height:1.6;margin:0 0 1.25rem}.hero-banner .btn{background:#fff;color:var(--navy)}.features{max-width:1100px;margin:0 auto;padding:2rem 1.25rem}.features h2{margin:0 0 .5rem;font-size:1.35rem}.features-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--shadow)}.feature-card h3{margin:0 0 .35rem;font-size:1rem}.feature-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}.catalog-section{max-width:1100px;margin:0 auto;padding:0 1.25rem 2rem;width:100%}.catalog-section h2{margin:0 0 .35rem}.catalog-section>p{color:var(--muted);margin:0 0 1rem}.catalog-search{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.catalog-search input,.catalog-search select{flex:1 1;min-width:220px;padding:.65rem .9rem;border-radius:var(--radius);border:1px solid #cbd5e1;font-size:1rem;background:#fff}.catalog-search select{flex:0 1 auto;min-width:140px}.module-card-grid{list-style:none;margin:0;padding:0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.module-card-grid article{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow);transition:transform .15s,border-color .15s;height:100%}.module-card-grid article:hover{border-color:var(--cyan);transform:translateY(-2px)}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:1rem 1.25rem 3rem;max-width:1100px;margin:0 auto;width:100%}.card{background:var(--card);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--shadow);border:1px solid #e8eef5;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;color:inherit}.card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(15,27,46,.12);border-color:var(--cyan)}.tag{display:inline-block;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:#e0ecff;color:#1e3a8a}.tag.status-preview{background:#ccfbf1;color:#115e59}.tag.status-planned{background:#fef3c7;color:#92400e}.tag.status-restricted{background:#fee2e2;color:#991b1b}.dashboard{display:grid;grid-gap:1rem;gap:1rem;padding:1.25rem;max-width:1100px;margin:0 auto;width:100%}.dashboard-hero{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem;box-shadow:var(--shadow)}.sidebar{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.25rem;max-width:1100px;margin:0 auto;width:100%}.sidebar a{padding:.4rem .75rem;border-radius:999px;background:#fff;border:1px solid #dbe3ee;color:var(--navy);text-decoration:none}.sidebar a:hover{border-color:var(--cyan);text-decoration:none}.login-box{max-width:420px;margin:2rem auto 3rem;padding:1.5rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.login-box label{display:block;font-size:.85rem;margin:.75rem 0 .25rem;font-weight:500}.login-box input{width:100%;padding:.6rem .75rem;border:1px solid #cbd5e1;border-radius:10px;font-size:1rem}.login-box .btn{margin-top:1rem;width:100%}.auth-hint{color:var(--muted);font-size:.92rem;line-height:1.5}.mobile-nav{padding:0 1.25rem 1rem;display:flex;flex-wrap:wrap;gap:.75rem;border-bottom:1px solid var(--border);background:#fff}.site-footer{padding:2rem 1.25rem;color:var(--muted);text-align:center;font-size:.9rem;border-top:1px solid var(--border);margin-top:auto}.err{color:var(--danger);font-size:.9rem;margin-top:.5rem}@media (min-width:768px){.topnav{display:flex}.menu-toggle{display:none}}@media (max-width:640px){.topbar{flex-wrap:wrap}.hero-banner{border-radius:0}}