:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--accent-primary:#f33;--accent-secondary:#f63;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-tertiary:#666;--font-display:"Oswald", "Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--glass-bg:#14141466;--glass-border:#ffffff0d;--glass-blur:blur(20px);--transition-fast:.3s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.8s cubic-bezier(.16, 1, .3, 1);--transition-slow:1.2s cubic-bezier(.16, 1, .3, 1);--z-loader:9999;--z-nav:9000;--z-modal:8000}*{box-sizing:border-box;min-width:0;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);text-rendering:optimizelegibility}#scroll-container{overflow-x:clip}.text-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;font-weight:700;line-height:.9}.text-editorial{font-family:var(--font-body);letter-spacing:-.01em;font-weight:300;line-height:1.4}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px}.noise-overlay{pointer-events:none;z-index:9998;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");width:100%;height:100dvh;position:fixed;top:0;left:0}#cinematic-loader{background-color:var(--bg-primary);width:100%;height:100dvh;z-index:var(--z-loader);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;overflow:hidden}.loader-text{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--text-tertiary);opacity:0;font-size:clamp(2.5rem,8vw,6rem);transform:translateY(40px)}.loader-progress{font-family:var(--font-mono);color:var(--text-secondary);font-size:1rem;position:absolute;bottom:10dvh;left:10vw}.loader-bar-container{background:var(--bg-tertiary);width:100%;height:2px;position:absolute;bottom:0;left:0}.loader-bar{background:var(--accent-primary);width:0%;height:100%;transition:width .1s}.hero-section{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;text-align:center;width:90vw;max-width:1400px;position:relative}.hero-title-container{overflow:hidden}.hero-title{color:var(--text-primary);margin-bottom:clamp(-1rem,-2vw,-.5rem);font-size:clamp(2.5rem,8vw,8rem)}.hero-subtitle{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.2em;opacity:0;margin-top:2rem;font-size:1.2rem}.custom-cursor{background:var(--accent-primary);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:20px;height:20px;transition:width .3s,height .3s,background-color .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor.hover{border:1px solid var(--accent-primary);background:0 0;width:60px;height:60px}@media (width<=1024px){.custom-cursor{display:none!important}}.works-section{background:var(--bg-primary);padding:12rem 0;position:relative;overflow:hidden}.works-section:before{content:"";background:linear-gradient(to right, transparent, var(--glass-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.works-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:5rem;display:flex}.works-label{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.3em;margin-bottom:1.5rem;font-size:.75rem;display:block}.works-title{color:var(--text-primary);font-size:clamp(3.5rem,8vw,7rem);line-height:.9}.works-title em{-webkit-text-stroke:1px var(--text-tertiary);color:#0000;font-style:normal}.works-desc{font-family:var(--font-body);color:var(--text-secondary);max-width:320px;font-size:1rem;font-weight:300;line-height:1.7}.works-cta{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;transition:border-color var(--transition-fast), background var(--transition-fast);white-space:nowrap;border-radius:100px;flex-shrink:0;align-items:center;gap:1rem;padding:1rem 1.75rem;font-size:.75rem;text-decoration:none;display:inline-flex}.works-cta:hover{border-color:var(--accent-primary);background:#ff33330f}.works-cta svg{width:16px;height:16px;transition:transform var(--transition-fast)}.works-cta:hover svg{transform:translate(3px,-3px)}.works-filters{flex-wrap:wrap;gap:.75rem;margin-bottom:4rem;display:flex}.filter-pill{border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:100px;padding:.6rem 1.5rem;font-size:.7rem}.filter-pill:hover{color:var(--text-primary);border-color:#ffffff26}.filter-pill.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 30px #ff33334d}.works-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.proj-card{border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);color:inherit;cursor:pointer;border-radius:24px;flex-direction:column;min-height:100%;padding:2.5rem;text-decoration:none;transition:border-color .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.proj-card:hover{transform:translateY(-4px)}.proj-card.featured{grid-column:span 7;min-height:520px}.proj-card.secondary{grid-column:span 5;min-height:520px}.proj-card.half{grid-column:span 6;min-height:380px}.proj-card.wide{grid-column:span 8;min-height:380px}.proj-card.narrow{grid-column:span 4;min-height:380px}.proj-card .card-glow{opacity:0;pointer-events:none;border-radius:24px;transition:opacity .7s;position:absolute;inset:0}.proj-card:hover .card-glow{opacity:1}.proj-card-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.25em;opacity:.7;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.65rem;display:flex}.proj-card-label:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.proj-card-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.proj-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff08;border-radius:8px;padding:.35rem .85rem;font-size:.6rem}.proj-tag.highlight{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff333312}.proj-card-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--text-primary);transition:color var(--transition-fast);flex-grow:1;margin-bottom:1.25rem;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;line-height:1}.proj-card:hover .proj-card-title{color:var(--accent-primary)}.proj-card-desc{color:var(--text-secondary);overflow-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:480px;margin-bottom:2rem;font-size:.9rem;font-weight:300;line-height:1.6;display:-webkit-box;overflow:hidden}.proj-metrics{border:1px solid var(--glass-border);background:#ffffff05;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:auto;margin-bottom:2rem;padding:1.25rem;display:grid}.proj-metric span:first-child{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;font-size:1.6rem;font-weight:700;line-height:1;display:block}.proj-metric span:last-child{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);white-space:nowrap;margin-top:.35rem;font-size:.55rem;display:block}.proj-card-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.proj-tech-stack{gap:.5rem;display:flex}.proj-tech-dot{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.proj-arrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);transition:color var(--transition-fast), gap var(--transition-fast);align-items:center;gap:.5rem;font-size:.65rem;display:flex}.proj-card:hover .proj-arrow{color:var(--accent-primary);gap:.9rem}.proj-arrow svg{width:16px;height:16px}.proj-featured-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--accent-primary);background:#ff33331f;border:1px solid #ff33334d;border-radius:100px;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.6rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.proj-featured-badge:before{content:"";background:var(--accent-primary);border-radius:50%;width:5px;height:5px;animation:1.5s cubic-bezier(0,0,.2,1) infinite ping}@keyframes ping{75%,to{opacity:0;transform:scale(1.8)}}.proj-card.hidden{opacity:0;pointer-events:none;transform:scale(.95)translateY(10px)}@media (width<=1024px){.proj-card.featured,.proj-card.secondary,.proj-card.wide,.proj-card.half,.proj-card.narrow{grid-column:span 12}.works-header{flex-direction:column;align-items:flex-start}.works-grid{grid-template-columns:1fr}}#cinematic-nav{z-index:var(--z-nav);padding:1.75rem 4vw;padding-top:calc(1.75rem + env(safe-area-inset-top,0px));transition:padding var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}#cinematic-nav.scrolled{padding:1rem 4vw;padding-top:calc(1rem + env(safe-area-inset-top,0px));background:0 0;border-bottom-color:#0000}.nav-logo{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.05em;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:700;text-decoration:none;display:flex}.nav-logo span{color:var(--accent-primary)}.nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);transition:color var(--transition-fast);font-size:.72rem;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--accent-primary);width:0;height:1px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-cta{border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;transition:all var(--transition-fast);background:0 0;border-radius:100px;padding:.65rem 1.5rem;font-size:.72rem;text-decoration:none}.nav-cta:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff333314}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin:-8px;padding:12px;display:none}.nav-hamburger span{background:var(--text-primary);width:24px;height:1.5px;transition:all var(--transition-fast);transform-origin:50%;display:block}.nav-hamburger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.nav-drawer{backdrop-filter:blur(30px);border-left:1px solid var(--glass-border);width:min(320px,85vw);height:100dvh;z-index:calc(var(--z-nav) + 1);padding:3rem;padding-top:calc(3rem + env(safe-area-inset-top,0px));padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));transition:transform var(--transition-smooth);background:#0a0a0af7;flex-direction:column;justify-content:center;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.nav-drawer.open{transform:translate(0)}.nav-drawer a{font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;transition:color var(--transition-fast);margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2;text-decoration:none;display:block}.nav-drawer a:hover{color:var(--accent-primary)}@media (width<=768px){.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}}.about-section{background:var(--bg-secondary);padding:12rem 0;position:relative;overflow:hidden}.about-section:before{content:"";background:linear-gradient(to right, transparent, var(--glass-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.about-glow{pointer-events:none;filter:blur(60px);background:radial-gradient(circle,#ff33330f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;right:-200px;transform:translateY(-50%)}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.about-left{position:relative}.about-label{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.3em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.72rem;display:flex}.about-label:before{content:"";background:var(--accent-primary);width:32px;height:1px;display:block}.about-title{color:var(--text-primary);margin-bottom:2.5rem;font-size:clamp(3rem,7vw,6rem);line-height:.9}.about-title em{-webkit-text-stroke:1px var(--text-tertiary);color:#0000;font-style:normal}.about-bio{color:var(--text-secondary);max-width:520px;margin-bottom:3rem;font-size:1.05rem;font-weight:300;line-height:1.8}.about-bio strong{color:var(--text-primary);font-weight:600}.about-skills{flex-wrap:wrap;gap:.6rem;margin-bottom:3rem;display:flex}.skill-tag{border:1px solid var(--glass-border);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff08;border-radius:8px;padding:.5rem 1rem;font-size:.65rem}.skill-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff33330f}.about-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.btn-primary{background:var(--accent-primary);color:#fff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;transition:all var(--transition-fast);border:1px solid var(--accent-primary);border-radius:100px;align-items:center;gap:.65rem;padding:.9rem 2rem;font-size:.72rem;text-decoration:none;display:inline-flex}.btn-primary:hover{color:var(--accent-primary);background:0 0;box-shadow:0 0 30px #ff333340}.btn-ghost{color:var(--text-secondary);border:1px solid var(--glass-border);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;transition:all var(--transition-fast);background:0 0;border-radius:100px;align-items:center;gap:.65rem;padding:.9rem 2rem;font-size:.72rem;text-decoration:none;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);border-color:#fff3}.about-right{flex-direction:column;gap:1.5rem;display:flex}.about-avatar-card{border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);border-radius:24px;height:400px;position:relative;overflow:hidden}.about-avatar-card img{object-fit:cover;object-position:center;filter:grayscale(20%)contrast(1.05);width:100%;height:100%;transition:filter var(--transition-smooth)}.about-avatar-card:hover img{filter:grayscale(0%)contrast()}.about-avatar-overlay{pointer-events:none;background:linear-gradient(#0000 50%,#0a0a0ab3 100%);position:absolute;inset:0}.about-avatar-tag{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;position:absolute;bottom:1.5rem;left:1.5rem}.about-avatar-tag strong{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.02em;margin-bottom:.2rem;font-size:1.2rem;font-weight:700;display:block}.about-stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.about-stat-card{border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);text-align:center;transition:border-color var(--transition-fast), transform var(--transition-fast);border-radius:20px;padding:1.5rem}.about-stat-card:hover{border-color:#ff333340;transform:translateY(-3px)}.about-stat-card .stat-value{font-family:var(--font-display);color:var(--accent-primary);margin-bottom:.4rem;font-size:2rem;font-weight:700;line-height:1}.about-stat-card .stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);font-size:.58rem}.about-status-card{background:#34d3990d;border:1px solid #34d39926;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.status-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite pulse-green;box-shadow:0 0 12px #34d399}@keyframes pulse-green{0%,to{box-shadow:0 0 8px #34d399}50%{box-shadow:0 0 20px #34d399,0 0 40px #34d3994d}}.status-text{font-family:var(--font-mono);color:#34d399;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.status-subtext{font-family:var(--font-body);color:var(--text-secondary);margin-top:.1rem;font-size:.8rem;font-weight:300}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-right{order:-1}.about-avatar-card{height:300px}}.text-gradient{background:linear-gradient(to right, var(--text-primary), var(--text-tertiary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container{max-width:1400px;margin:0 auto;padding:0 4vw}.reveal-up{opacity:0;transform:translateY(40px)}.magnetic{will-change:transform;display:inline-flex}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.skills-section{background:var(--bg-secondary);padding:12rem 0;position:relative;overflow:hidden}.skills-section:before{content:"";background:linear-gradient(to right, transparent, var(--glass-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.skills-glow{pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#ff33330d 0%,#0000 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:50%;left:-300px;transform:translateY(-50%)}.skills-header{margin-bottom:6rem}.skills-label{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.3em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.72rem;display:flex}.skills-label:before{content:"";background:var(--accent-primary);width:32px;height:1px;display:block}.skills-title{color:var(--text-primary);font-size:clamp(3rem,7vw,6rem);line-height:.9}.skills-title em{-webkit-text-stroke:1px var(--text-tertiary);color:#0000;font-style:normal}.skills-grid{grid-template-columns:repeat(2,1fr);gap:4rem;display:grid}.skill-category{flex-direction:column;gap:1.5rem;display:flex}.skill-category-title{font-family:var(--font-display);color:var(--text-secondary);border-bottom:1px solid var(--glass-border);align-items:center;gap:1rem;padding-bottom:1rem;font-size:1.5rem;font-weight:700;display:flex}.skill-category-title span{color:var(--accent-primary);font-family:var(--font-mono);font-size:.8rem;font-weight:400}.skill-list{flex-wrap:wrap;gap:.75rem;display:flex}.skill-item{border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);font-family:var(--font-mono);color:var(--text-secondary);transition:all var(--transition-fast);border-radius:12px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:.75rem;display:flex}.skill-item:hover{color:var(--text-primary);background:#ff333314;border-color:#ff33334d;transform:translateY(-2px)}.skill-item i,.skill-item svg{justify-content:center;align-items:center;width:1.1rem;height:1.1rem;font-size:1.1rem;display:flex}.skill-item:hover i.devicon-python-plain{color:#4b8bbe}.skill-item:hover i.devicon-tensorflow-original{color:#ff6f00}.skill-item:hover i.devicon-pytorch-original{color:#ee4c2c}.skill-item:hover i.devicon-pandas-plain{color:#150458}.skill-item:hover i.devicon-mysql-plain{color:#4479a1}.skill-item:hover i.devicon-docker-plain{color:#2496ed}.skill-item:hover i.devicon-amazonwebservices-plain-wordmark{color:#f90}.skill-item:hover i.devicon-github-original{color:#fff}@media (width<=900px){.skills-grid{grid-template-columns:1fr;gap:3rem}}.reveal-left{opacity:0;transform:translate(-40px)}.contact-section{background:var(--bg-primary);padding:12rem 0 6rem;position:relative;overflow:hidden}.contact-section:before{content:"";background:linear-gradient(to right, transparent, var(--glass-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.contact-blob-1{pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#ff333312 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-150px}.contact-blob-2{pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#ff66330f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:0;left:-100px}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:6rem;display:grid}.contact-left .contact-label{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.3em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.72rem;display:flex}.contact-left .contact-label:before{content:"";background:var(--accent-primary);width:32px;height:1px;display:block}.contact-heading{color:var(--text-primary);margin-bottom:2rem;font-size:clamp(4rem,9vw,8rem);line-height:.88}.contact-heading em{-webkit-text-stroke:1px var(--text-tertiary);color:#0000;font-style:normal}.contact-tagline{color:var(--text-secondary);max-width:380px;margin-bottom:3rem;font-size:1rem;font-weight:300;line-height:1.7}.contact-info-list{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.contact-info-row{border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);color:var(--text-secondary);font-family:var(--font-mono);transition:all var(--transition-fast);letter-spacing:.03em;border-radius:16px;align-items:center;gap:1rem;padding:1.1rem 1.5rem;font-size:.82rem;text-decoration:none;display:flex}.contact-info-row:hover{border-color:var(--accent-primary);color:var(--text-primary);background:#ff33330d;transform:translate(6px)}.contact-info-row .ci-icon{border:1px solid var(--glass-border);width:38px;height:38px;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff08;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-row:hover .ci-icon{background:#ff33331a;border-color:#ff33334d}.contact-info-row .ci-icon svg{width:16px;height:16px;color:var(--accent-primary)}.contact-socials{gap:.75rem;display:flex}.social-btn{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;transition:all var(--transition-fast);border-radius:12px;align-items:center;gap:.6rem;padding:.7rem 1.25rem;font-size:.65rem;text-decoration:none;display:flex}.social-btn:hover{color:var(--text-primary);border-color:#ffffff26;transform:translateY(-2px)}.social-btn svg{width:14px;height:14px}.contact-form-wrap{border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);border-radius:28px;padding:2.5rem}.contact-form-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin-bottom:.4rem;font-size:1.3rem;font-weight:700}.contact-form-sub{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem;font-size:.68rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{margin-bottom:1.25rem}.form-group label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);margin-bottom:.5rem;font-size:.62rem;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);-webkit-appearance:none;background:#ffffff08;border-radius:12px;outline:none;padding:.85rem 1.1rem;font-size:.9rem}.form-group textarea{resize:vertical;min-height:110px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-primary);background:#ff33330a;box-shadow:0 0 0 3px #ff33331a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group select option{color:var(--text-primary);background:#111}.form-submit{border:1px solid var(--accent-primary);background:var(--accent-primary);color:#fff;width:100%;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transition:all var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding:1rem;font-size:.75rem;display:flex}.form-submit:hover{color:var(--accent-primary);background:0 0;box-shadow:0 0 30px #f333}.form-submit svg{width:16px;height:16px;transition:transform var(--transition-fast)}.form-submit:hover svg{transform:translate(4px)}.form-success{text-align:center;color:#34d399;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;padding:2rem;font-size:.85rem;display:none}.contact-ticker{white-space:nowrap;background:#0a0a0a66;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;margin-top:8rem;padding:1.25rem 0;overflow:hidden}.ticker-track{gap:0;animation:30s linear infinite ticker-scroll;display:inline-flex}.ticker-item{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:#f8fafc;opacity:.85;align-items:center;gap:2rem;padding-right:2rem;font-size:1rem;font-weight:400;display:inline-flex}.ticker-item .ticker-separator{color:#f33;text-shadow:0 0 10px #ff333380;font-size:.9rem}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.cinematic-footer{border-top:1px solid var(--glass-border);background:var(--bg-primary);padding:4rem 0 3rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.footer-logo{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.05em;font-size:1.2rem;text-decoration:none}.footer-logo span{color:var(--accent-primary)}.footer-copy{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.15em;font-size:.65rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);transition:color var(--transition-fast);font-size:.65rem;text-decoration:none}.footer-links a:hover{color:var(--accent-primary)}@media (width<=900px){.contact-grid{grid-template-columns:1fr;gap:3rem}.form-row{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}#aiChatBox{transform-origin:100% 100%;filter:drop-shadow(0 32px 80px #000000b3);width:420px;max-width:calc(100% - 2rem);transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),filter .35s}#aiChatBox.hidden{opacity:0;pointer-events:none;filter:drop-shadow(0 0 #0000);transform:scale(.88)translateY(28px)}.chat-window-inner{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#08080cf5;border:1px solid #ffffff12;border-radius:24px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ff33330a,0 24px 80px #0009,inset 0 1px #ffffff0f}.chat-window-inner:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#ff333359 40%,#ff663340 70%,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.chat-header{background:linear-gradient(#ffffff06 0%,#0000 100%);border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:12px;padding:16px 18px 14px;display:flex}.chat-meta{flex-direction:column;gap:4px;display:flex}.chat-title{color:#fff;letter-spacing:-.01em;font-size:14px;font-weight:700;line-height:1.2}.chat-subtitle{color:#9ca3af;align-items:center;gap:6px;font-size:11px;display:flex}.chat-status-badge{letter-spacing:.03em;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 6px;font-size:10px;font-weight:600;transition:all .3s;display:inline-flex}.chat-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .3s,box-shadow .3s;display:inline-block}.chat-status-online{background:#f33;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 10px #ff3333b3}.chat-status-connecting{background:#f59e0b;animation:1s ease-in-out infinite statusPulse;box-shadow:0 0 8px #f59e0b80}.chat-status-offline{background:#ef4444;box-shadow:0 0 8px #ef444466}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.55}}#chatMessages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:14px;padding:20px 16px;display:flex;overflow:hidden auto}#chatMessages::-webkit-scrollbar{width:3px}#chatMessages::-webkit-scrollbar-track{background:0 0}#chatMessages::-webkit-scrollbar-thumb{background:linear-gradient(#f333,#ff663326);border-radius:999px}.chat-bubble{opacity:0;border-radius:18px;max-width:82%;padding:11px 14px;font-size:13.5px;line-height:1.55;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(10px)scale(.97)}.chat-bubble.show{opacity:1;transform:translateY(0)scale(1)}.chat-bubble-user{color:#060808;letter-spacing:-.01em;background:linear-gradient(135deg,#f33 0%,#c00 50%,#f63 100%);border-radius:20px 20px 6px;align-self:flex-end;font-weight:600;box-shadow:0 8px 24px #ff33332e,0 2px 6px #0000004d}.chat-bubble-bot{-webkit-backdrop-filter:blur(12px);color:#e8eaed;white-space:pre-line;background:linear-gradient(135deg,#ffffff0e,#ffffff06);border:1px solid #ffffff14;border-radius:20px 20px 20px 6px;align-self:flex-start;line-height:1.6;box-shadow:0 4px 20px #0006,0 0 0 1px #ff66330f,inset 0 1px #ffffff0d}.typing-dots{align-items:center;gap:5px;padding:2px 0;display:inline-flex}.typing-dots span{background:#ff6633b3;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.18s}.typing-dots span:nth-child(3){animation-delay:.36s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-7px)}}.chat-input-area{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#0a0a1099,#050508d9);border-top:1px solid #ffffff0d;flex-shrink:0;padding:12px 14px 14px;position:sticky;bottom:0}.chat-input{background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:9px;padding:5px 5px 5px 14px;transition:border-color .25s,box-shadow .25s;display:flex}.chat-input:focus-within{border-color:#ff333352;box-shadow:0 0 0 3px #ff33330f,0 8px 32px #0000004d}.chat-input-field{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:13.5px;line-height:1.4}.chat-input-field::placeholder{color:#9ca3af8c;font-size:13px}.chat-input-field:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn{color:#08090a;cursor:pointer;background:linear-gradient(135deg,#f33,#f63);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 4px 16px #f333}.chat-send-btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 24px #ff333359}.chat-send-btn:active{transform:scale(.95)}.chat-suggestions-row{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.chat-suggestions-label{color:#9ca3af80;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;flex-shrink:0;font-size:9.5px;font-weight:700}#chatSuggestions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;gap:6px;padding:4px 0;display:flex;overflow-x:auto}#chatSuggestions::-webkit-scrollbar{display:none}.chat-suggestion-btn{color:#9ca3af;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff12;border-radius:999px;flex:none;padding:5px 11px;font-family:inherit;font-size:11px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.chat-suggestion-btn:hover{color:#f33;background:#ff333314;border-color:#ff333347;transform:translateY(-2px);box-shadow:0 4px 16px #ff33331a}.chat-mode-btn{letter-spacing:.04em;text-transform:uppercase;color:#9ca3af99;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff12;border-radius:999px;flex-shrink:0;padding:4px 9px;font-family:inherit;font-size:9.5px;font-weight:700;transition:all .2s}.chat-mode-btn:hover{color:#f33;border-color:#ff333340}.chat-mode-btn.active{color:#f33;background:#ff333312;border-color:#f336;box-shadow:0 0 12px #ff33331a}@media (width<=640px){#aiChatBox{width:calc(100% - 24px);max-width:420px;bottom:12px!important;right:12px!important}.chat-window-inner{border-radius:20px}#chatMessages{gap:12px;padding:16px 12px}.chat-bubble{max-width:88%;font-size:13px}.chat-header{padding:14px 14px 12px}.chat-input-area{padding:10px 12px 12px}}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-playing{animation:3s linear infinite vinyl-spin}@keyframes sound-bar{0%,to{height:4px}50%{height:14px}}.sound-bar{animation:.8s ease-in-out infinite sound-bar}.sound-bar:nth-child(2){animation-delay:.15s}.sound-bar:nth-child(3){animation-delay:.3s}#playlistContainer::-webkit-scrollbar{width:4px}#playlistContainer::-webkit-scrollbar-track{background:0 0}#playlistContainer::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:2px}@keyframes matrixFall{0%{opacity:0;top:-40px}30%{opacity:1}to{opacity:0;top:105dvh}}.matrix-char{color:#f33;pointer-events:none;z-index:99999;font-family:monospace;font-size:1.1rem;animation:linear forwards matrixFall;position:fixed}#easterEggOverlay{transition:opacity .5s}.timeline-item{opacity:0;transition:all .6s;transform:translate(-30px)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-dot:after{content:"";opacity:.3;border:2px solid;border-radius:50%;width:200%;height:200%;animation:1.5s ease-out infinite ping;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#skillsNetworkCanvas{pointer-events:none;opacity:0;transition:opacity 1s;position:absolute;inset:0}#skillsNetworkCanvas.visible{opacity:1}@keyframes shimmer-lr{0%{background-position:-200%}to{background-position:200%}}.learning-shimmer{background:linear-gradient(90deg,#0000 0%,#ff333326 50%,#0000 100%) 0 0/200%;animation:2.5s linear infinite shimmer-lr}.marquee-container{mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.marquee-row{user-select:none;gap:24px;padding:10px 0;display:flex;overflow:hidden}.marquee-content{gap:24px;animation:40s linear infinite marquee;display:flex}.marquee-row:hover .marquee-content{animation-play-state:paused}.marquee-right .marquee-content{animation-direction:reverse}.memory-card{cursor:pointer;background:#0a0a0a;border:1px solid #ffffff0d;border-radius:24px;flex-shrink:0;width:320px;height:220px;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.memory-card:hover{border-color:#f333;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px #ff33330d}.memory-card img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.memory-card:hover img{transform:scale(1.1)}.memory-overlay{opacity:0;background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:20px;transition:opacity .4s;display:flex;position:absolute;inset:0}.memory-card:hover .memory-overlay{opacity:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - 24px))}}#memoryLightbox{backdrop-blur:20px;background:#050505fa}.lightbox-content img{max-height:80dvh;box-shadow:0 0 50px #00000080}@keyframes slide-right{0%{transform:translate(-100%)}to{transform:translate(400%)}}.active-version{box-shadow:0 0 20px #ff33331a;background-color:#ff33330d!important;border-color:#f336!important}.active-version span{text-shadow:0 0 10px #ff333380;color:#f33!important;border-color:#f339!important}#timeMachineModal{background:radial-gradient(circle,#050508 0%,#010103 100%)!important}.tm-glass-card{backdrop-filter:blur(40px)!important;background:#0a0a0fcc!important;border:1px solid #ffffff08!important}.memories-section{z-index:1;background:#000;padding:8rem 0;position:relative;overflow:hidden}.memories-section:before{content:"";background:linear-gradient(90deg,#0000,#ff33334d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.memories-ambient-glow{pointer-events:none;filter:blur(80px);z-index:0;background:radial-gradient(circle,#ff33330f 0%,#0000 65%);border-radius:50%;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.memories-header{text-align:left;margin-bottom:4rem}.memories-label{font-family:var(--font-mono,monospace);color:var(--accent-primary,#f33);text-transform:uppercase;letter-spacing:.3em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.72rem;display:flex}.memories-label:before{content:"";background:var(--accent-primary,#f33);width:32px;height:1px;display:block}.memories-title{color:var(--text-primary,#fff);margin-bottom:1.5rem;font-size:clamp(3rem,7vw,6rem);line-height:.9}.memories-title em{-webkit-text-stroke:1px var(--text-tertiary,#555);color:#0000;font-style:normal}.memories-subtitle{color:var(--text-secondary,#aaa);max-width:600px;font-size:1.1rem;line-height:1.6}.memories-marquee-wrapper{flex-direction:column;gap:1.5rem;width:100%;margin-left:calc(50% - 50vw);padding:1.5rem 0;display:flex;position:relative;overflow:hidden}.memories-marquee{width:100%;display:flex;overflow:hidden}.marquee-track{will-change:transform;gap:1.25rem;width:max-content;display:flex}.marquee-left .marquee-track{animation:40s linear infinite marquee-scroll-left}.marquee-right .marquee-track{animation:48s linear infinite marquee-scroll-right}.memories-marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - .625rem))}}@keyframes marquee-scroll-right{0%{transform:translate(calc(-50% - .625rem))}to{transform:translate(0)}}.marquee-item{cursor:pointer;background:#0a0a0a;border:1px solid #ffffff12;border-radius:18px;flex-shrink:0;width:320px;height:240px;transition:border-color .4s,box-shadow .4s;animation:.6s both card-fade-in;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080}@keyframes card-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.marquee-modern-card{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.marquee-modern-card img,.marquee-item>img{object-fit:cover;object-position:center 20%;filter:grayscale(50%)brightness(.65)contrast(1.05);transform-origin:50%;flex:1;width:100%;min-width:0;height:100%;min-height:0;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s;display:block}.marquee-modern-card .overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#000c 100%);padding:1rem 1rem .75rem;transition:opacity .4s;position:absolute;bottom:0;left:0;right:0}.marquee-item:hover{border-color:#ff333359;box-shadow:0 8px 32px #0009,0 0 24px #ff333326}.marquee-item:hover .marquee-modern-card img,.marquee-item:hover>img{filter:grayscale(0%)brightness(1.05)contrast(1.02);transform:scale(1.06)}.marquee-item:hover .overlay{opacity:1}@media (width<=1280px){.marquee-item{width:280px;height:210px}}@media (width<=1024px){.marquee-item{border-radius:14px;width:240px;height:180px}.marquee-track,.memories-marquee-wrapper{gap:1rem}}@media (width<=768px){.marquee-item{border-radius:12px;width:200px;height:150px}.marquee-track{gap:.75rem}.memories-marquee-wrapper{gap:.75rem;padding:1rem 0}@keyframes marquee-scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - .375rem))}}@keyframes marquee-scroll-right{0%{transform:translate(calc(-50% - .375rem))}to{transform:translate(0)}}}@media (width<=480px){.marquee-item{border-radius:10px;width:160px;height:120px}}html,body{width:100%;overflow-x:clip}body.menu-open{overflow:hidden}.nav-drawer,.mobile-menu-overlay{-webkit-overflow-scrolling:touch;overflow-y:auto}button,a,.hover-target,.bento-card,.drawer-link,.nav-hamburger{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.gpu-accelerate,.bento-card,.reveal-on-scroll,.hero-reveal{will-change:transform, opacity;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@supports (padding-top:env(safe-area-inset-top)){#cinematic-nav{padding-top:calc(1.25rem + env(safe-area-inset-top))!important}#navDrawer{padding-bottom:env(safe-area-inset-bottom)!important;padding-top:calc(2rem + env(safe-area-inset-top))!important}}@media (width<=768px){.editorial-text{line-height:1.1;font-size:clamp(2rem,8vw,3rem)!important}.text-huge{font-size:clamp(3rem,12vw,6rem)!important}.bento-card{margin-bottom:.5rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gpu-accelerate{will-change:auto}}@media (orientation:landscape) and (height<=600px){#home{height:100svh!important;min-height:100svh!important}#home h1{margin-bottom:.25rem!important;font-size:clamp(2.5rem,8vw,5rem)!important;line-height:1!important}#home .absolute.bottom-8{display:none!important}#cinematic-loader{flex-flow:wrap!important;justify-content:center!important;align-items:center!important;gap:1rem!important;padding-top:1rem!important;padding-bottom:1rem!important}#cinematic-loader .loader-logo{width:auto!important;margin-bottom:0!important}#cinematic-loader .loader-logo .w-20{width:3.5rem!important;height:3.5rem!important}#navDrawer{padding-top:calc(1rem + env(safe-area-inset-top))!important;padding-bottom:1rem!important;overflow-y:auto!important}#navDrawer .w-24{width:4rem!important;height:4rem!important;margin-top:.5rem!important;margin-bottom:.5rem!important}section{padding-top:3rem!important;padding-bottom:3rem!important}#about .grid{grid-template-columns:1fr 1fr!important;align-items:start!important;gap:1.5rem!important}#about .group.overflow-hidden[style*=aspect-ratio]{aspect-ratio:16/9!important;max-height:200px!important}#about h2{margin-bottom:.75rem!important;font-size:clamp(2rem,7vw,3.5rem)!important;line-height:1!important}#about .flex-col.gap-6{gap:.75rem!important}#about p{font-size:.8rem!important;line-height:1.5!important}#about .grid.grid-cols-3{gap:.5rem!important}#about .grid.grid-cols-3>div{padding:.75rem .5rem!important}#about .font-display.text-3xl{font-size:1.4rem!important}#about .flex-wrap.gap-3{gap:.4rem!important;margin-bottom:.75rem!important}#about .flex-wrap.gap-3 span{padding:.25rem .6rem!important;font-size:.6rem!important}#about .flex.flex-wrap.gap-4{gap:.5rem!important}#skills{padding-top:3rem!important;padding-bottom:3rem!important}#skills h2{font-size:clamp(2rem,7vw,3.5rem)!important}#projects{padding-top:3rem!important;padding-bottom:3rem!important}#projects h2{font-size:clamp(2rem,7vw,3.5rem)!important}.memories-section{padding-top:3rem!important;padding-bottom:3rem!important}.marquee-modern-card{width:220px!important;height:140px!important}#contact{padding-top:3rem!important;padding-bottom:3rem!important}#contact h2{font-size:clamp(2rem,7vw,3.5rem)!important;line-height:1!important}.cinematic-video-section{height:300vh!important}}@media (orientation:landscape) and (height>=600px) and (height<=900px){section{padding-top:4rem!important;padding-bottom:4rem!important}#home{min-height:100svh!important}#about .group.overflow-hidden[style*=aspect-ratio]{aspect-ratio:4/3!important;max-height:300px!important}#about h2{font-size:clamp(2.5rem,6vw,4rem)!important}.marquee-modern-card{width:260px!important;height:180px!important}}html,body,img,p,h1,h2,h3,h4,h5,h6,span,a,button,div{user-select:none;-webkit-touch-callout:none}input,textarea,code,pre{user-select:text}.vis-pane{background:radial-gradient(circle,#1e000066 0%,#0000 70%);justify-content:center;align-items:center;width:100%;height:100%;min-height:350px;display:flex;position:relative;overflow:hidden}.vis-hud{opacity:0;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex;position:absolute;top:1rem;right:1rem}.group:hover .vis-hud{animation:.5s ease-out forwards hud-boot}.vis-hud-text{font-family:var(--font-mono);color:var(--os-red);text-transform:uppercase;letter-spacing:.2em;background:#ff33331a;border:1px solid #ff33334d;border-radius:2px;padding:.2rem .5rem;font-size:.55rem;box-shadow:0 0 10px #f333}@keyframes hud-boot{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(-10px)scale(.95)}20%{opacity:.5;clip-path:inset(0 80% 0 0)}40%{opacity:.2;clip-path:inset(0 20% 0 0)}60%{opacity:.8;clip-path:inset(0)}80%{opacity:.5}to{opacity:1;clip-path:inset(0);transform:translateY(0)scale(1)}}.vis-node{background:var(--os-surface);color:#fff;z-index:5;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.vis-conn{transform-origin:0;z-index:3;background:linear-gradient(90deg,#ffffff1a,#ffffff0d);height:1px;position:absolute}.p1-core{border-color:var(--os-red);width:70px;height:70px;animation:4s infinite alternate pulse-core;box-shadow:0 0 15px #f333}.group:hover .p1-core{animation:1.5s infinite alternate pulse-core-active;box-shadow:0 0 40px #f339}@keyframes pulse-core{0%{border-color:#ff33334d;transform:scale(1)}to{border-color:#f339;transform:scale(1.05)}}@keyframes pulse-core-active{0%{transform:scale(1);box-shadow:0 0 20px #f336}to{transform:scale(1.15);box-shadow:0 0 50px #ff3333e6}}.p1-satellite{width:40px;height:40px;font-size:.6rem;box-shadow:0 0 10px #ffffff0d}.group:hover .p1-satellite{border-color:#fff6;box-shadow:0 0 15px #fff3}.p1-packet{background:var(--os-red);width:6px;height:6px;box-shadow:0 0 10px var(--os-red);opacity:.2;border-radius:50%;transition:opacity .5s;position:absolute;top:-2.5px;left:0}.group:hover .p1-packet{opacity:1;animation:1.5s linear infinite packet-travel}@keyframes packet-travel{0%{opacity:0;left:10%}20%{opacity:1}80%{opacity:1}to{opacity:0;left:90%}}.p2-chart{border-bottom:1px solid #ffffff1a;align-items:flex-end;gap:1.5rem;width:80%;height:180px;display:flex;position:relative}.p2-candle{border:1px solid;width:15%;transition:height 1s ease-in-out;position:relative}.p2-candle:after{content:"";z-index:-1;width:2px;height:160%;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.p2-candle.bull{background:#ffffff0d;border-color:#fff3}.p2-candle.bull:after{background:#ffffff4d}.p2-candle.bear{border-color:var(--os-red);background:#ff33331a}.p2-candle.bear:after{background:var(--os-red)}.p2-scanner{background:var(--os-red);width:100%;height:1px;box-shadow:0 0 15px var(--os-red);opacity:.3;transition:opacity .3s;position:absolute;top:50%;left:0}.group:hover .p2-scanner{opacity:1;animation:2s ease-in-out infinite alternate p2-scan}@keyframes p2-scan{0%{top:10%}to{top:90%}}.p2-signal{font-family:var(--font-mono);opacity:.2;border-radius:2px;padding:.1rem .3rem;font-size:.5rem;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.p2-signal.sell{background:var(--os-red);color:#fff;box-shadow:0 0 10px var(--os-red)}.group:hover .p2-signal.sell{opacity:1;animation:1s infinite alternate p2-flash}@keyframes p2-flash{0%{opacity:.4}to{opacity:1;transform:translate(-50%)scale(1.1)}}.p3-funnel{flex-direction:column;align-items:center;gap:1rem;width:80%;display:flex}.p3-stage{background:#ffffff05;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;height:35px;display:flex;position:relative;overflow:hidden}.p3-fill{background:#ffffff0d;height:100%;position:absolute;left:0}.p3-stage.risk{border-color:#ff33334d}.p3-stage.risk .p3-fill{background:#ff333326}.group:hover .p3-stage.risk{border-color:var(--os-red);box-shadow:0 0 20px #ff33334d}.group:hover .p3-stage.risk .p3-fill{background:#ff33334d;animation:1.5s infinite alternate p3-risk-pulse}@keyframes p3-risk-pulse{0%{opacity:.6}to{opacity:1}}.p3-particle{opacity:0;background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:-10px}.group:hover .p3-particle{animation:2s linear infinite p3-drop}@keyframes p3-drop{0%{opacity:1;top:-10px;transform:scale(1)}80%{opacity:.5;background:var(--os-red);top:100px}to{opacity:0;top:120px;transform:scale(0)}}.p4-graph{width:100%;height:100%;position:relative}.p4-node{background:#fff3;border-radius:50%;width:12px;height:12px;transition:all .5s;position:absolute}.p4-node.risk{background:#f336}.group:hover .p4-node.risk{background:var(--os-red);box-shadow:0 0 15px var(--os-red);transform:scale(1.3)}.p4-edge{transform-origin:0;background:#ffffff1a;height:1px;position:absolute;overflow:hidden}.p4-edge-glow{background:linear-gradient(90deg, transparent, var(--os-red), transparent);opacity:0;width:100%;height:100%;position:absolute;left:-100%}.group:hover .p4-edge-glow{opacity:1;animation:2s linear infinite p4-flow}@keyframes p4-flow{0%{left:-100%}to{left:100%}}.p5-map{background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:20px 20px;width:80%;height:80%;position:relative}.p5-route{border:1px dashed #fff3;border-width:1px 1px 0 0;position:absolute}.group:hover .p5-route{border-color:#ff333380;animation:3s infinite p5-recalc}@keyframes p5-recalc{0%,90%{border-color:#ff333380}95%{border-color:var(--os-red);box-shadow:inset 0 0 10px #f333}to{border-color:#ff333380}}.p5-dot{background:var(--os-red);width:8px;height:8px;box-shadow:0 0 10px var(--os-red);opacity:.3;border-radius:50%;position:absolute}.group:hover .p5-dot{opacity:1}.group:hover .p5-dot-1{animation:4s linear infinite p5-move-1}.group:hover .p5-dot-2{animation:3.5s linear 1s infinite p5-move-2}@keyframes p5-move-1{0%{bottom:10%;left:10%}30%{bottom:50%;left:10%}70%{bottom:50%;left:70%}to{bottom:80%;left:70%}}@keyframes p5-move-2{0%{top:20%;right:20%}40%{top:20%;right:60%}80%{top:70%;right:60%}to{top:70%;right:80%}}.p6-radar{border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.p6-radar:before{content:"";border:1px solid #ffffff0d;border-radius:50%;width:70%;height:70%;position:absolute}.p6-sweep{opacity:.2;background:conic-gradient(#0000 70%,#f333 100%);border-radius:50%;width:100%;height:100%;position:absolute}.group:hover .p6-sweep{opacity:1;animation:3s linear infinite p6-spin}@keyframes p6-spin{to{transform:rotate(360deg)}}.p6-target{background:var(--os-red);opacity:.1;width:6px;height:6px;box-shadow:0 0 10px var(--os-red);border-radius:50%;position:absolute;top:30%;left:60%}.group:hover .p6-target{animation:3s infinite p6-blip}@keyframes p6-blip{0%,75%{opacity:.1;transform:scale(1)}80%{opacity:1;transform:scale(1.5)}90%{opacity:.1;transform:scale(1)}to{opacity:.1}}.p6-value{font-family:var(--font-mono);color:#fff;z-index:10;background:#00000080;border:1px solid #ffffff1a;padding:.2rem .5rem;font-size:1rem}.group:hover .p6-value{border-color:var(--os-red);color:var(--os-red);box-shadow:0 0 15px #ff33334d}.tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .1s linear,box-shadow .4s;position:relative}.tilt-card:hover{box-shadow:0 25px 60px #0009,0 0 40px #ff2d551f,inset 0 1px #ffffff0f}.tilt-glare{border-radius:inherit;pointer-events:none;z-index:30;opacity:0;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.tilt-glare:before{content:"";mix-blend-mode:screen;background:conic-gradient(#0000 0deg,#ff2d550f 60deg,#ffffff1f 90deg,#6450ff0f 120deg,#0000 180deg);animation:4s linear infinite glare-spin;position:absolute;inset:-100%}.tilt-glare-spot{pointer-events:none;mix-blend-mode:screen;filter:blur(4px);background:radial-gradient(circle,#ffffff1a 0%,#ff2d550d 40%,#0000 70%);border-radius:50%;width:280px;height:280px;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.tilt-card:hover .tilt-glare{opacity:1}.tilt-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(135deg,#ff2d5500,#ff2d5500);padding:1px;transition:background .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.tilt-card:hover:after{background:linear-gradient(var(--tilt-angle,135deg), #ff2d5580, #6450ff33, #ff2d5500)}.tilt-depth{will-change:transform;transform:translateZ(12px)}.arch-flow-section{margin-top:2rem;padding:3rem 0;position:relative;overflow:hidden}.arch-flow-section:before{content:"// HOW NEURAFLOW WORKS";color:#ff2d55b3;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.65rem;display:block}.arch-pipeline{flex-direction:column;gap:0;padding-left:2rem;display:flex;position:relative}.arch-pipeline:before{content:"";background:linear-gradient(#0000,#ff2d5599 10% 90%,#0000);width:1px;position:absolute;top:1.5rem;bottom:1.5rem;left:.55rem}.arch-node{opacity:0;align-items:center;gap:1rem;padding:.75rem 0;display:flex;position:relative;transform:translate(-20px)}.arch-node-dot{z-index:2;background:#ff2d55;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:box-shadow .3s;position:absolute;left:-1.5rem;box-shadow:0 0 #ff2d5566}.arch-node.arch-active .arch-node-dot{animation:2s ease-in-out infinite arch-pulse}.arch-node-icon{background:#ff2d5514;border:1px solid #ff2d5533;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;transition:background .3s,border-color .3s,transform .3s;display:flex}.arch-node:hover .arch-node-icon{background:#ff2d5526;border-color:#ff2d5580;transform:scale(1.1)}.arch-node-body{flex-direction:column;flex:1;gap:.15rem;display:flex}.arch-node-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;font-family:Oswald,sans-serif;font-size:.78rem;font-weight:700}.arch-node-detail{color:#ffffff59;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:.62rem}.arch-node-badge{color:#ff2d55;white-space:nowrap;text-transform:uppercase;letter-spacing:.1em;background:#ff2d550d;border:1px solid #ff2d554d;border-radius:4px;flex-shrink:0;padding:.15rem .5rem;font-family:JetBrains Mono,monospace;font-size:.58rem;transition:background .3s,border-color .3s}.arch-node:hover .arch-node-badge{background:#ff2d551f;border-color:#ff2d5599}.arch-packet{pointer-events:none;z-index:3;opacity:0;background:#ff2d55;border-radius:50%;width:6px;height:6px;position:absolute;left:-1.45rem;box-shadow:0 0 8px #ff2d55cc}@keyframes glare-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes arch-pulse{0%{box-shadow:0 0 #ff2d5599}70%{box-shadow:0 0 0 8px #ff2d5500}to{box-shadow:0 0 #ff2d5500}}.globe-hud{pointer-events:none;z-index:20;flex-direction:column;gap:.4rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.globe-hud-line{color:#ff2d5599;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.6rem;animation:3s ease-in-out infinite globe-hud-blink}.globe-hud-line:nth-child(2){animation-delay:1s}.globe-hud-line:nth-child(3){animation-delay:2s}@keyframes globe-hud-blink{0%,to{opacity:.6}50%{opacity:1}}.skill-tilt{transform-style:preserve-3d;cursor:default;transition:transform .15s,box-shadow .3s}.skill-tilt:hover{box-shadow:0 12px 35px #ff2d5526,0 4px 15px #00000080}.project-story-modal{z-index:9999;-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;background:#050505f2;justify-content:center;align-items:flex-start;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0;overflow:hidden auto}.project-story-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.story-container{opacity:0;background:#0a0a0a;border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;flex-direction:column;width:100%;max-width:1000px;min-height:100vh;margin:0 auto;display:flex;position:relative;transform:scale(.95)translateY(20px)}.story-header{z-index:10;backdrop-filter:blur(12px);background:#0a0a0acc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.story-close-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.story-close-btn:hover{background:#ff2d55;border-color:#ff2d55;transform:scale(1.05)}.story-content{flex-direction:column;gap:4rem;padding:3rem 2rem;display:flex}.story-section{opacity:0;transform:translateY(20px)}.story-label{text-transform:uppercase;letter-spacing:.2em;color:#ff2d55;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:block}.story-title{color:#fff;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2}.story-text{color:#a3a3a3;font-family:Inter,sans-serif;font-size:1.125rem;line-height:1.7}.arch-flow-container{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.arch-flow-node{opacity:0;background:#111;border:1px solid #ffffff0d;border-radius:1rem;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;transform:translateY(10px)}.arch-flow-icon{color:#ff2d55;background:#ff2d551a;border:1px solid #ff2d5533;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.arch-flow-arrow{color:#fff3;opacity:0;justify-content:center;margin:.5rem 0;font-size:1.5rem;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.metric-card{text-align:center;background:#111;border:1px solid #ffffff0d;border-radius:1rem;padding:2rem;transition:transform .3s}.metric-card:hover{border-color:#ff2d554d;transform:translateY(-5px)}.metric-value{color:#fff;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:3rem;font-weight:800}.metric-label{text-transform:uppercase;letter-spacing:.1em;color:#a3a3a3;font-family:JetBrains Mono,monospace;font-size:.75rem}.story-gallery{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.gallery-item{aspect-ratio:16/9;background:#111;border:1px solid #ffffff0d;border-radius:1rem;overflow:hidden}.gallery-item img{object-fit:cover;opacity:.8;width:100%;height:100%;transition:all .5s}.gallery-item:hover img{opacity:1;transform:scale(1.05)}.story-ctas{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.story-cta-primary,.story-cta-secondary{text-transform:uppercase;letter-spacing:.1em;border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:700;transition:all .3s;display:flex}.story-cta-primary{color:#fff;background:#ff2d55;border:none}.story-cta-primary:hover{background:#e0264a;transform:translateY(-2px)}.story-cta-secondary{color:#fff;background:0 0;border:1px solid #fff3}.story-cta-secondary:hover{background:#ffffff0d;border-color:#fff6}@media (width<=768px){.story-content{gap:3rem;padding:2rem 1.5rem}.story-title{font-size:2rem}}
