:root{--bg:#0b1020;--fg:#e7eaf6;--accent:#7bd389;--card-bg:rgba(255,255,255,0.05);--border:rgba(255,255,255,0.1);}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6}
.container{max-width:1000px;margin:0 auto;padding:40px 20px}
.site-header{position:sticky;top:0;background:rgba(11,16,32,.95);backdrop-filter:blur(6px);z-index:10;border-bottom:1px solid var(--border)}
.nav{display:flex;gap:20px;align-items:center;padding:15px 0;max-width:1000px;margin:0 auto;padding-left:20px;padding-right:20px}
.brand{font-weight:700;color:#fff;text-decoration:none;font-size:1.2em}
.nav a{color:#cbd5e1;text-decoration:none;transition:color 0.2s}
.nav a:hover{color:var(--accent)}
.hero{padding:80px 0;background:linear-gradient(135deg, #0b1020 0%, #1a1440 100%);text-align:center}
.hero h1{font-size:3rem;margin:0 0 20px;line-height:1.2}
.cta{display:inline-block;padding:12px 24px;background:var(--accent);color:#001;border-radius:6px;text-decoration:none;font-weight:600;margin-top:20px}
.cta:hover{opacity:0.9}
h1,h2,h3{color:#fff}
ul{padding-left:20px}
li{margin-bottom:8px}
.type-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px;margin-top:40px}
.type-card{background:var(--card-bg);padding:25px;border-radius:12px;border:1px solid var(--border);transition:all 0.3s ease}
.type-card:hover{transform:translateY(-5px);border-color:var(--accent);background:rgba(255,255,255,0.08)}
.type-card h3{margin-top:0;color:var(--accent)}
.link-overlay{text-decoration:none;color:inherit;display:block;height:100%}
.content-section{background:var(--card-bg);padding:30px;border-radius:12px;margin-bottom:30px;border:1px solid var(--border)}
.site-footer{padding:40px 0;text-align:center;border-top:1px solid var(--border);margin-top:auto;color:#64748b}
body{display:flex;flex-direction:column;min-height:100vh}