:root[data-theme="light"] {
--bg:#ffffff; --text:#000000; --accent:#000000; --border:#e0e0e0; --grid-opacity:0.05;
}
:root[data-theme="dark"] {
--bg:#000000; --text:#ffffff; --accent:#ffffff; --border:#333333; --grid-opacity:0.1;
}
*{margin:0;padding:0;box-sizing:border-box;transition:.3s;}
body{font-family:'Space Grotesk',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;}
body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:var(--grid-opacity);z-index:-1;}
nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;border-bottom:1px solid var(--border);backdrop-filter:blur(10px);position:sticky;top:0;}
.logo{font-weight:700;font-size:1.5rem;letter-spacing:-1px;}
.nav-links{display:flex;gap:2rem;align-items:center;}
.nav-links a{text-decoration:none;color:var(--text);opacity:.7;text-transform:uppercase;font-size:.9rem;}
.nav-links a:hover{opacity:1;}
.theme-toggle{background:var(--text);color:var(--bg);border:0;padding:8px 16px;font-weight:700;cursor:pointer;}
header{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 5%;}
h1{font-size:clamp(3rem,10vw,8rem);margin:1rem 0;}
section{padding:5rem 5%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;border-top:1px solid var(--border);}
.card{padding:2rem;border:1px solid var(--border);position:relative;}
.card:hover{border-color:var(--text);}
footer{padding:3rem 5%;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:.8rem;opacity:.6;}
.page{max-width:900px;margin:3rem auto;padding:0 5%;}
@media(max-width:768px){.nav-links{display:none;}}