@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&family=Outfit:wght@300;400;600;800&display=swap";:root{--background-noir: #030303;--text-primary: #f0f0f0;--text-secondary: #888888;--accent-noir: #ffffff;--background-hero: #0a0505;--accent-hero: #ff0000;--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--background-noir);color:var(--text-primary);font-family:var(--font-main);overflow-x:hidden}html{scroll-behavior:smooth}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;outline:none}h1,h2,h3{font-family:var(--font-heading);font-weight:800;text-transform:uppercase;letter-spacing:-.04em;line-height:.9}p{line-height:1.6;letter-spacing:-.01em}section{min-height:auto;padding:6rem 2rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:10}.container{max-width:1100px;margin:0 auto;width:100%}.glass-card{background:#0a0a0a66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);padding:2.5rem;border-radius:16px;transition:all .6s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px -10px #00000080;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;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)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}.glass-card:hover{background:#14141499;border-color:#fff3;transform:translateY(-5px)}.leap-button{background:#fff;color:#000;padding:1.2rem 3rem;border:none;font-family:var(--font-heading);font-weight:900;text-transform:uppercase;font-size:1rem;letter-spacing:.1em;cursor:pointer;border-radius:12px;transition:all .3s ease;margin-top:3rem;position:relative;z-index:50;pointer-events:auto}.leap-button:hover{transform:scale(1.02);background:#e0e0e0;box-shadow:0 0 40px #fff6}.spiderman-mode .leap-button{background:red;color:#fff;box-shadow:0 0 30px #f009}.text-gradient{background:linear-gradient(180deg,#fff,#666);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.spiderman-mode li{color:#ccc!important}.bg-spiderman{background-image:url(./spiderman-Ct9_JMsH.png);background-size:cover;background-position:center;position:fixed;inset:0;opacity:0;transition:opacity 2.5s cubic-bezier(.165,.84,.44,1);z-index:-1;mix-blend-mode:normal}.spiderman-mode .bg-spiderman{opacity:.65}.glitch-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background:#000;display:flex;align-items:center;justify-content:center}.glitch-video{width:100%;height:100%;object-fit:cover}@media(max-width:768px){h1{font-size:3rem}}.content-root{position:relative;z-index:99;width:100%}.spiderman-mode .content-root{color:#fff}.spiderman-mode .content-root h1,.spiderman-mode .content-root h2,.spiderman-mode .content-root h3,.spiderman-mode .content-root h4,.spiderman-mode .content-root p,.spiderman-mode .content-root span,.spiderman-mode .content-root li,.spiderman-mode .content-root a{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.9)!important;-webkit-text-fill-color:#ffffff!important}.spiderman-mode .text-gradient{background:none!important}.spiderman-mode .leap-button{background:red!important;color:#fff!important}.sub-heading{font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1rem}#hero .text-gradient{font-size:clamp(3rem,10vw,6rem);line-height:1;margin-bottom:2rem}.headline{font-size:1.2rem;max-width:600px;color:var(--text-secondary)}.skills-grid,.projects-grid,.experience-grid,.achievements-grid,.perspectives-grid,.interests-grid{display:grid;gap:2rem;margin-top:3rem}.skills-grid,.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.experience-grid{grid-template-columns:1fr}.achievements-grid,.perspectives-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.interests-grid{grid-template-columns:1fr 1fr}.skill-list{list-style:none;margin-top:1rem}.skill-list li{color:var(--text-secondary);margin-bottom:.5rem}.footer{padding:4rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.social-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.social-links a{color:#fff;transition:transform .3s ease}.social-links a:hover{transform:translateY(-5px);color:var(--accent-noir)}.about-card{border:1px solid rgba(255,255,255,.15);background:#05050599}.about-content p{font-family:var(--font-main);font-size:1.2rem;line-height:1.7;color:#e0e0e0}.top-corner-links{position:absolute;top:2rem;right:2rem;display:flex;gap:1.5rem;z-index:100}.icon-link{color:#fff;opacity:.7;transition:all .3s ease}.icon-link:hover{opacity:1;transform:translateY(-2px);color:var(--accent-noir)}.giant-heading{font-family:var(--font-heading);font-size:clamp(2.7rem,6vw,5rem)!important;margin-bottom:2rem;line-height:1;background:linear-gradient(to bottom,#fff,#666);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:-.03em;margin-left:0}@media(max-width:768px){.interests-grid{grid-template-columns:1fr}.top-corner-links{top:1.5rem;right:1.5rem;gap:1rem}}.project-card{display:flex;flex-direction:column;height:100%}.project-header{margin-bottom:1rem}.project-card h3{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:.25rem;color:#fff;letter-spacing:-.02em}.role-tag{font-family:var(--font-main);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-noir);opacity:.8;display:block}.project-desc{font-family:var(--font-main);color:var(--text-secondary);line-height:1.6;margin-bottom:auto;font-size:1rem}.project-tech{font-family:Space Mono,monospace;font-size:.8rem;opacity:.6;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.project-link{margin-top:1rem;opacity:.5;transition:opacity .3s ease}.project-card:hover .project-link{opacity:1}.interest-card{padding:2.5rem;height:100%;display:flex;flex-direction:column;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.interest-header{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:1.5rem;color:#fff;text-transform:uppercase;letter-spacing:-.01em}.interest-content{font-family:var(--font-main);font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.stat-card{padding:2rem;text-align:center;background:#ffffff05;display:flex;flex-direction:column;justify-content:center;align-items:center}.stat-title{font-family:var(--font-heading);color:var(--accent-noir);font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;opacity:.8}.stat-value{font-family:var(--font-heading);font-size:1.8rem;color:#fff;font-weight:700;line-height:1.1;margin-bottom:.25rem}.stat-sub{font-family:var(--font-main);font-size:.85rem;color:var(--text-secondary);opacity:.7}.highlight-card{padding:2.5rem;grid-column:1 / -1;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.highlight-header{font-family:var(--font-heading);font-size:1.5rem;color:#fff;margin-bottom:2rem;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.05em}.highlight-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.highlight-list li{font-family:var(--font-main);color:var(--text-secondary);font-size:1.1rem;display:flex;align-items:flex-start;line-height:1.6}.highlight-list li:before{content:"•";color:var(--accent-noir);font-weight:700;margin-right:.75rem;font-size:1.5rem;line-height:1}