:root{--bg-main:#0b1e33;--bg-panel:#0d1f33bf;--bg-card:#0d1f338c;--bg-card-hover:#163559e6;--border-subtle:#d9a05b26;--border-active:#d9a05b;--border-highlight:#f7b538;--text-main:#e0e6ed;--text-muted:#a0b3c6;--text-accent:#d9a05b;--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-serif:"Cinzel", serif;--shadow-tactical:0 20px 50px #000c, 0 0 0 1px #d9a05b1a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(at 20% 0,#0d2d47 0%,#0000 55%),radial-gradient(at 80% 0,#06121e 0%,#0000 55%),radial-gradient(circle at 50% 100%,#0b1e33 0%,#040a12 100%);background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}body:before{content:"";z-index:-1;background:linear-gradient(135deg,#0000 0%,#d9a05b05 50%,#0000 100%) 0 0/400% 400%;animation:22s infinite shimmerBg;position:fixed;inset:0}@keyframes shimmerBg{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.tactical-grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(#d9a05b08 1px,#0000 1px),linear-gradient(90deg,#d9a05b08 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.landing-container{z-index:1;flex-direction:column;gap:80px;width:100%;max-width:1200px;padding:80px 24px;display:flex}.hero-section{text-align:center}.hero-brand{display:inline-block;position:relative}.glitch-title{font-family:var(--font-serif);letter-spacing:.25em;color:var(--text-accent);text-transform:uppercase;text-shadow:0 0 20px #d9a05b66;margin-bottom:16px;font-size:84px;font-weight:700}.hero-subtitle{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4em;opacity:.8;font-size:14px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;display:grid}.project-card{color:inherit;border-top:2px solid #0000;border-radius:12px;min-height:280px;padding:40px;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1);display:block}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-tactical);position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-active);background:var(--bg-card-hover);transform:translateY(-8px);box-shadow:0 30px 60px #000c,0 0 20px #d9a05b26}.project-status{font-family:var(--font-mono);color:var(--text-accent);letter-spacing:.2em;align-items:center;gap:8px;margin-bottom:24px;font-size:10px;font-weight:700;display:flex}.project-status:before{content:"";background:var(--text-accent);width:6px;height:6px;box-shadow:0 0 10px var(--text-accent);border-radius:50%}.project-title{font-family:var(--font-serif);color:#fff;margin-bottom:16px;font-size:28px}.project-desc{color:var(--text-muted);margin-bottom:32px;font-size:15px;line-height:1.6}.project-tags{gap:12px;display:flex}.tag{font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-muted);background:#0000004d;border-radius:4px;padding:4px 8px;font-size:10px}.btn-ghost{border:1px solid var(--border-active);color:var(--text-accent);font-family:var(--font-mono);letter-spacing:.1em;border-radius:4px;padding:12px 24px;font-size:12px;font-weight:700;transition:all .3s;display:inline-block}.project-card:hover .btn-ghost{background:var(--text-accent);color:#000}.placeholder-card{opacity:.6;cursor:default}.landing-footer{text-align:center;padding-top:40px}.footer-line{background:var(--border-active);width:60px;height:1px;margin:0 auto 24px}.footer-text{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-muted);opacity:.5;font-size:11px}@media (width<=768px){.glitch-title{font-size:48px}.landing-container{gap:40px;padding-top:40px}}