:root{--bg-color:#050505;--text-color:#e0e0e0;--matrix-accent:#ff003c;--dark-green:#0a140a;--neon-purple:#b026ff;--card-bg:#111;--card-border:#333;--font-mono:"Fira Code", monospace;--font-sans:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);scroll-behavior:smooth;line-height:1.6;overflow-x:hidden}h1,h2,h3,.tag,.logo{font-family:var(--font-mono)}#intro-screen{background-color:var(--bg-color);z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity 1s ease-out;display:flex;position:fixed;top:0;left:0;overflow:hidden}.matrix-text{width:100%;height:100%;color:var(--matrix-accent);font-family:var(--font-mono);opacity:.15;white-space:pre;pointer-events:none;font-size:14px;line-height:1;position:absolute;top:0;left:0;overflow:hidden}.intro-logo{z-index:2;color:var(--matrix-accent);letter-spacing:5px;font-size:2rem;position:relative}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:var(--bg-color);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-1px 0 var(--neon-purple);animation:2s linear infinite alternate-reverse glitch-anim-1;left:2px}.glitch:after{text-shadow:-1px 0 var(--matrix-accent);animation:3s linear infinite alternate-reverse glitch-anim-2;left:-2px}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80%)}20%{clip-path:inset(60% 0 10%)}40%{clip-path:inset(40% 0 50%)}60%{clip-path:inset(80% 0 5%)}80%{clip-path:inset(10% 0 70%)}to{clip-path:inset(30% 0 20%)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60%)}20%{clip-path:inset(30% 0 20%)}40%{clip-path:inset(70% 0 10%)}60%{clip-path:inset(20% 0 50%)}80%{clip-path:inset(90% 0 5%)}to{clip-path:inset(40% 0 30%)}}header{border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#050505e6;justify-content:space-between;align-items:center;padding:2rem 5%;display:flex;position:sticky;top:0}.logo{color:#fff;font-size:1.5rem;font-weight:700}nav{gap:1.5rem;display:flex}nav a{color:var(--text-color);font-family:var(--font-mono);font-size:.9rem;text-decoration:none;transition:color .3s}nav a:hover{color:var(--matrix-accent)}.hero{text-align:center;padding:100px 5%}.hero h1{color:#fff;margin-bottom:1rem;font-size:4rem}.hero p{color:#888;max-width:600px;margin:0 auto;font-size:1.2rem}.section-container{padding:50px 5%}.section-title{color:var(--matrix-accent);border-bottom:1px solid var(--card-border);margin-bottom:2rem;padding-bottom:10px;font-size:1.5rem;display:inline-block}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--matrix-accent), var(--neon-purple));opacity:0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.card:hover{border-color:#555;transform:translateY(-5px);box-shadow:0 10px 20px #ff003c33}.card:hover:before{opacity:1}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.about-ascii pre{font-family:var(--font-mono);color:var(--matrix-accent);text-shadow:0 0 5px #ff003c80;font-size:12px;line-height:1.2;overflow-x:hidden}.about-text h3{color:#fff;margin-bottom:20px;font-size:1.5rem}.about-text p{color:#aaa;margin-bottom:15px}.grid-quick-hits{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.quick-card .tag{color:var(--matrix-accent);text-transform:uppercase;margin-bottom:10px;font-size:.75rem;display:block}.quick-card h3{color:#fff;margin-bottom:10px;font-size:1.2rem}.quick-card p{color:#aaa;font-size:.9rem}.grid-collections{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(200px,auto);gap:20px;display:grid}.collection-card{flex-direction:column;justify-content:flex-end;display:flex}.feat-1{grid-column:span 8;min-height:300px}.feat-2{grid-column:span 4}.feat-3{grid-column:span 12}.collection-card h3{color:#fff;margin-bottom:10px;font-size:1.5rem}.collection-card p{color:#aaa;margin-bottom:20px}.read-more{color:var(--matrix-accent);font-family:var(--font-mono);font-size:.9rem;font-weight:700;text-decoration:none}.read-more:hover{text-decoration:underline}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.project-card{flex-direction:column;padding:0;display:flex}.project-logo{border-bottom:1px solid var(--card-border);justify-content:center;align-items:center;height:250px;transition:all .3s;display:flex;position:relative;overflow:hidden}.project-card:hover .project-logo{background-position:100% 100%}.logo-text{font-size:3rem;font-family:var(--font-mono);color:var(--text-color);letter-spacing:2px;text-shadow:0 0 15px #fff3;z-index:2;transition:all .3s}.project-card:hover .logo-text{color:#fff;text-shadow:0 0 20px var(--matrix-accent);transform:scale(1.1)}.project-logo.bg-1{background:radial-gradient(circle,#222,#050505)}.project-logo.bg-2{background:radial-gradient(circle,#1a052e,#050505)}.project-logo.bg-3{background:radial-gradient(circle,#2a2a2a,#050505)}.project-info{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.project-info h3{color:#fff;margin-bottom:10px}.project-info p{color:#aaa;flex-grow:1;margin-bottom:20px;font-size:.9rem}.cyber-btn{color:var(--matrix-accent);border:1px solid var(--matrix-accent);font-family:var(--font-mono);text-transform:uppercase;background:0 0;align-self:flex-start;padding:8px 16px;font-size:.8rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.cyber-btn:hover{background:var(--matrix-accent);color:#000;box-shadow:0 0 10px var(--matrix-accent)}.marquee-container{white-space:nowrap;background:var(--card-bg);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);padding:20px 0;position:relative;overflow:hidden}.marquee-content{animation:20s linear infinite marquee;display:inline-block}.marquee-content:hover{animation-play-state:paused}.partner{font-family:var(--font-mono);color:#fff;padding:0 40px;font-size:2rem;font-weight:700}.partner-separator{color:var(--matrix-accent);font-size:1.5rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=768px){.feat-1,.feat-2,.feat-3{grid-column:span 12}.hero h1{font-size:2.5rem}.about-grid{grid-template-columns:1fr}nav{display:none}}footer{text-align:center;border-top:1px solid var(--card-border);font-family:var(--font-mono);color:#555;margin-top:50px;padding:40px;font-size:.8rem}.quick-card{cursor:pointer;position:relative}.read-more-text{color:var(--matrix-accent);font-family:var(--font-mono);text-transform:uppercase;opacity:0;margin-top:15px;font-size:.8rem;transition:all .3s;display:block;transform:translateY(10px)}.quick-card:hover .read-more-text{opacity:1;transform:translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--card-bg);border:1px solid var(--matrix-accent);width:90%;max-width:800px;max-height:85vh;padding:40px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow-y:auto;transform:scale(.9);box-shadow:0 0 30px #00ff411a}.modal-overlay.active .modal-content{transform:scale(1)}.close-modal{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;transition:color .3s;position:absolute;top:20px;right:25px}.close-modal:hover{color:var(--matrix-accent)}.modal-body-text{color:#ddd;margin-top:20px;font-size:1.05rem;line-height:1.8}.modal-body-text p{margin-bottom:15px}