@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=VT323&display=swap";
:root{--bg-color:#020408;--card-bg:#0a140fb3;--border-color:#00ff4126;--text-primary:#f0fdf4;--text-secondary:#86a895;--accent:#00ff41;--accent-glow:#00ff4140;--max-width:1400px;--header-height:80px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Montserrat,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}h1{letter-spacing:0;text-transform:uppercase;font-family:VT323,monospace;font-weight:400;line-height:1}h2,h3{letter-spacing:-.02em;font-family:Montserrat,sans-serif}.matrix-font{font-family:VT323,monospace}.serif{font-family:Playfair Display,serif;font-style:italic}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.footer-link{color:var(--text-secondary);align-items:center;font-size:.95rem;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.footer-link:hover{color:var(--accent);text-shadow:0 0 8px var(--accent-glow);padding-left:8px}.footer-link:before{content:">";opacity:0;color:var(--accent);font-family:VT323,monospace;transition:all .3s;position:absolute;left:-10px}.footer-link:hover:before{opacity:1;left:-2px}.social-btn{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.social-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 15px var(--accent-glow);background:#00ff411a;transform:translateY(-3px)}.social-btn svg{width:20px;height:20px}.btn-magnetic{background:var(--accent);color:#000;border:1px solid var(--accent);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 0 15px var(--accent-glow);border-radius:2px;padding:1rem 2rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.btn-magnetic:hover{color:var(--accent);box-shadow:0 0 30px var(--accent-glow);background:0 0}.btn-outline{color:var(--text-secondary);border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:2px;padding:1rem 2rem;font-size:.9rem;font-weight:500;transition:all .3s}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.hero{min-height:90vh;padding-top:var(--header-height);border-bottom:1px solid var(--border-color);flex-direction:column;justify-content:center;display:flex}.hero-tag{color:var(--accent);letter-spacing:.1em;margin-bottom:1rem;font-family:VT323,monospace;font-size:1.2rem;display:block}.hero-title{color:#fff;text-shadow:0 0 20px #00ff4133;margin-bottom:2rem;font-size:clamp(4rem,10vw,8rem)}.hero-desc{color:var(--text-secondary);border-left:2px solid var(--accent);max-width:650px;margin-bottom:3rem;padding-left:1.5rem;font-size:1.1rem;font-weight:400}.bento-section{padding:8rem 0}.bento-grid{grid-template-rows:repeat(2,minmax(300px,auto));grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bento-card{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;padding:3rem;transition:all .3s;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.bento-card.large{grid-column:span 2}.bento-card.tall{grid-row:span 2}.card-icon{color:var(--accent);margin-bottom:1.5rem;font-family:VT323,monospace;font-size:2rem}.card-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.card-desc{color:var(--text-secondary);font-size:.9rem;font-weight:400}.navbar{width:100%;height:var(--header-height);z-index:1000;pointer-events:none;background:linear-gradient(#020408f2 0%,#02040800 100%);align-items:center;display:flex;position:fixed;top:0;left:0}.nav-content{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--text-primary);text-shadow:0 0 10px var(--accent-glow);font-family:VT323,monospace;font-size:2rem}@media (max-width:1024px){.bento-grid{grid-template-rows:auto;grid-template-columns:1fr}.bento-card.large,.bento-card.tall{grid-area:span 1/span 1}}