:root{--bg:#06080d;--panel:#101621c7;--panel-border:#78aaff2e;--text:#eaf0ff;--muted:#aab6d3}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}body{overflow-x:hidden}#site-shell{background:var(--bg);min-height:100vh;position:relative}#background-root{z-index:0;position:fixed;inset:0;overflow:hidden}.content-layer{z-index:1;width:min(1200px,100% - 32px);margin:0 auto;padding:40px 0 64px;position:relative}.hero{margin-bottom:28px}.hero h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3.2rem)}.hero p{color:var(--muted);max-width:720px;margin:0 0 18px;line-height:1.5}.background-controls{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1018b8;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.background-controls select{color:var(--text);background:#0d1320;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.project-tile{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:160px;color:inherit;border-radius:18px;padding:20px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:block;box-shadow:0 10px 30px #00000038}.project-tile:hover{background:#141c2ad1;border-color:#96beff5c;transform:translateY(-2px)}.project-tile h2{margin:0 0 10px;font-size:1.15rem}.project-tile p{color:var(--muted);margin:0;line-height:1.45}