:root{--bg:#050508;--bg-card:#0a0a0f80;--bg-card-hover:#101018b3;--border:#ffffff0a;--border-hover:#a855f766;--text:#f3f4f6;--text-muted:#9ca3af;--text-dark:#6b7280;--accent:#a855f7;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, #a855f7 0%, #8b5cf6 100%);--accent-glow:#a855f740;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", var(--font-sans);--font-serif:"Cormorant Garamond", Georgia, serif;--font-hand:"Caveat", cursive;--font-mono:"DM Mono", monospace;--ease:cubic-bezier(.22, 1, .36, 1);--transition-fast:.2s cubic-bezier(.25, 1, .5, 1);--transition-normal:.4s cubic-bezier(.25, 1, .5, 1);--transition-slow:.8s cubic-bezier(.25, 1, .5, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;background-color:var(--bg);overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}@media (pointer:fine){body{cursor:none}a,button,input,textarea,select,.magnetic,.nav-link{cursor:none!important}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}#bg-canvas{z-index:-2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#cat-canvas{z-index:9998;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.noise-overlay{z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.custom-cursor-dot,.custom-cursor-ring{pointer-events:none;z-index:10000;border-radius:50%;display:none;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}@media (pointer:fine){.custom-cursor-dot{background-color:var(--text);width:6px;height:6px;transition:transform 50ms ease, background-color var(--transition-fast);display:block}.custom-cursor-ring{width:32px;height:32px;transition:width var(--transition-fast), height var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background-color:#0000;border:1px solid #a855f766;display:block}body.cursor-hover .custom-cursor-dot{background-color:var(--accent);transform:translate(-50%,-50%)scale(1.5)}body.cursor-hover .custom-cursor-ring{border-color:var(--accent);background-color:#a855f70f;width:48px;height:48px}body.cursor-clicking .custom-cursor-dot{transform:translate(-50%,-50%)scale(.5)}body.cursor-clicking .custom-cursor-ring{border-color:var(--accent-secondary);background-color:#8b5cf626;width:24px;height:24px}}#scroll-progress{background:var(--accent-gradient);z-index:10001;width:0%;height:3px;box-shadow:0 0 10px var(--accent);position:fixed;top:0;left:0}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(14px)saturate(180%);border:1px solid var(--border);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);border-radius:16px;padding:32px;position:relative;overflow:hidden}.glass-card:hover{border-color:var(--border-hover);box-shadow:0 12px 40px var(--accent-glow);transform:translateY(-4px)}.card-glow{background:radial-gradient(400px circle at var(--x,50%) var(--y,50%), #a855f714, transparent 70%);pointer-events:none;z-index:1;opacity:0;width:100%;height:100%;transition:opacity var(--transition-normal);position:absolute;top:0;left:0}.glass-card:hover .card-glow{opacity:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.text-glow{color:var(--text);text-shadow:0 0 10px #a855f780}.btn{font-family:var(--font-display);transition:transform var(--transition-fast), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:30px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;border:1px solid #0000;box-shadow:0 4px 20px #a855f74d}.btn-primary:hover{box-shadow:0 6px 30px #a855f780}.btn-primary svg{transition:transform var(--transition-fast)}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08}.btn-secondary:hover{border-color:var(--accent);background:#a855f70d;box-shadow:0 4px 20px #a855f726}.header{z-index:999;width:100%;height:80px;transition:background-color var(--transition-normal), border-color var(--transition-normal), height var(--transition-normal);border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;left:0}.header.scrolled{border-color:var(--border);-webkit-backdrop-filter:blur(12px);background-color:#050508d9;height:70px}.nav{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{font-family:var(--font-display);color:var(--text);font-size:1.5rem;font-weight:700;text-decoration:none}.logo span{color:var(--accent)}.nav-links{gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-muted);font-family:var(--font-display);transition:color var(--transition-fast);padding:6px 0;font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:after{content:"";background:var(--accent-gradient);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-toggle{z-index:1001;background:0 0;border:none;outline:none;flex-direction:column;justify-content:space-between;width:24px;height:16px;display:none}@media (width<=860px){.nav-links{display:none}.nav-toggle{display:flex}}.nav-toggle .bar{background-color:var(--text);width:100%;height:2px;transition:transform var(--transition-normal), opacity var(--transition-normal)}.nav-toggle.active .bar:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.active .bar:nth-child(2){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:998;width:80%;max-width:400px;height:100vh;transition:right var(--transition-normal);border-left:1px solid var(--border);background-color:#050508fa;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:-100%}.mobile-menu.active{right:0}.mobile-links{text-align:center;flex-direction:column;gap:40px;list-style:none;display:flex}.mobile-link{color:var(--text-muted);font-family:var(--font-display);transition:color var(--transition-fast);font-size:1.8rem;font-weight:600;text-decoration:none}.mobile-link:hover{color:var(--accent)}.section-padding{padding:85px 0}.section-header{margin-bottom:60px}.section-header .subtitle{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:12px;font-size:.9rem;display:block}.section-header .title{color:var(--text);font-size:3rem}@media (width<=768px){.section-header .title{font-size:2.2rem}.section-padding{padding:60px 0}}.hero-section{z-index:1;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-spotlight{pointer-events:none;z-index:-1;background:radial-gradient(circle,#a855f714 0%,#0000 60%);width:60vw;height:60vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-container{text-align:center}.location-badge{border:1px solid var(--border);color:var(--text-muted);background-color:#ffffff05;border-radius:20px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 18px;font-size:.85rem;display:inline-flex}.location-badge svg{color:var(--accent)}.hero-name{background:linear-gradient(#fff 40%,#e2e8f0 70%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:5.5rem;line-height:1.1}.hero-tagline{color:var(--text-muted);max-width:800px;margin:0 auto 40px;font-size:1.15rem;font-weight:400}.hero-tagline .divider{color:#ffffff26;margin:0 10px}.hero-actions{justify-content:center;gap:20px;display:flex}.scroll-indicator-arrow{color:var(--text-muted);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator-arrow:hover{color:var(--accent)}.mouse-scroll{border:2px solid;border-radius:12px;width:24px;height:40px;position:relative}.mouse-scroll .wheel{background-color:currentColor;border-radius:2px;width:4px;height:8px;animation:1.5s infinite scrollMouse;position:absolute;top:8px;left:50%;transform:translate(-50%)}.arrow-down{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;animation:1.5s infinite scrollArrow;transform:rotate(45deg)}@keyframes scrollMouse{0%{opacity:1;top:8px}to{opacity:0;top:22px}}@keyframes scrollArrow{0%{opacity:0;transform:rotate(45deg)translate(-2px,-2px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg)translate(2px,2px)}}@media (width<=1024px){.hero-name{font-size:4.5rem}}@media (width<=768px){.hero-name{font-size:3.2rem}.hero-tagline{font-size:.95rem}.hero-tagline .divider{display:none}.hero-tagline span{margin-bottom:4px;display:block}.hero-actions{flex-direction:column;align-items:center;gap:12px}.hero-actions .btn{justify-content:center;width:100%;max-width:280px}}.about-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:60px;display:grid}.about-text-col .lead-text{color:var(--text);margin-bottom:28px;font-size:1.4rem;font-weight:500;line-height:1.5}.about-text-col .body-text{color:var(--text-muted);margin-bottom:24px;font-size:1rem}.about-card-col .info-card h3{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:12px;font-size:1.5rem}.card-details{flex-direction:column;gap:20px;display:flex}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{text-transform:uppercase;color:var(--accent);letter-spacing:.05em;font-size:.8rem;font-weight:500}.detail-val{color:var(--text);font-size:1rem}@media (width<=768px){.about-grid{grid-template-columns:1fr;gap:40px}.about-text-col .lead-text{font-size:1.2rem}}.timeline{max-width:900px;margin:0 auto;padding:20px 0;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent) 0%, #a855f70d 100%);width:2px;height:100%;position:absolute;top:0;left:31px}.timeline-item{margin-bottom:60px;padding-left:80px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background-color:var(--bg);border:4px solid var(--accent);z-index:2;width:24px;height:24px;box-shadow:0 0 12px var(--accent);transition:transform var(--transition-normal);border-radius:50%;position:absolute;top:24px;left:20px}.timeline-item:hover .timeline-dot{transform:scale(1.2)}.timeline-date{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.9rem;font-weight:600}.timeline-content{padding:28px 32px}.timeline-content h3{margin-bottom:4px;font-size:1.4rem}.company-name{color:var(--text-muted);margin-bottom:16px;font-size:1rem;font-weight:500}.timeline-content p{color:var(--text-muted);font-size:.95rem}.timeline-bullet-list{flex-direction:column;gap:10px;list-style:none;display:flex}.timeline-bullet-list li{color:var(--text-muted);padding-left:20px;font-size:.95rem;position:relative}.timeline-bullet-list li:before{content:"→";color:var(--accent);position:absolute;left:0}.role-tag{text-transform:uppercase;color:var(--accent);background-color:#a855f71a;border:1px solid #a855f733;border-radius:12px;margin-bottom:12px;padding:4px 10px;font-size:.75rem;display:inline-block}@media (width<=768px){.timeline:before{left:15px}.timeline-dot{left:4px}.timeline-item{padding-left:40px}.timeline-content{padding:20px 24px}}.bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bento-item{flex-direction:column;display:flex}.bento-wide{grid-column:span 2}.bento-content{z-index:2;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tag{border:1px solid var(--border);color:var(--text-muted);background-color:#ffffff08;border-radius:20px;padding:4px 12px;font-size:.75rem}.bento-item h3{transition:color var(--transition-fast);margin-bottom:12px;font-size:1.6rem}.bento-item:hover h3{color:var(--accent)}.project-description{color:var(--text-muted);margin-bottom:32px;font-size:.95rem;line-height:1.6}.project-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;display:flex}.project-year{color:var(--text-dark);font-size:.85rem;font-family:var(--font-display)}.project-link{color:var(--text);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.project-link:hover{color:var(--accent)}.project-link svg{transition:transform var(--transition-fast)}.project-link:hover svg{transform:translate(2px,-2px)}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-wide{grid-column:span 2}}@media (width<=768px){.bento-grid{grid-template-columns:1fr}.bento-wide{grid-column:span 1}.bento-content{padding:10px 0}}.skills-container{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.skills-category h3{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:12px;font-size:1.4rem}.skills-tags{flex-wrap:wrap;gap:12px;display:flex}.skill-tag{border:1px solid var(--border);color:var(--text-muted);transition:color var(--transition-normal), border-color var(--transition-normal), transform var(--transition-normal);background-color:#ffffff05;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;font-size:.9rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.skill-tag svg{stroke:currentColor;fill:none;width:16px;height:16px;transition:transform var(--transition-fast);flex-shrink:0}.skill-tag svg[fill=currentColor]{fill:currentColor;stroke:none}.skill-tag:hover svg{transform:scale(1.15)rotate(5deg)}.glow-pill{pointer-events:none;z-index:-1;width:120%;height:120%;transition:transform var(--transition-normal);background:radial-gradient(circle,#a855f740 0%,#0000 60%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.skill-tag:hover{border-color:var(--accent);color:#fff;transform:translateY(-2px)}.skill-tag:hover .glow-pill{transform:translate(-50%,-50%)scale(1)}@media (width<=1024px){.skills-container{grid-template-columns:1fr;gap:32px}}.certifications-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.cert-card{text-align:center;flex-direction:column;align-items:center;padding:36px 24px;display:flex}.cert-icon-container{width:64px;height:64px;color:var(--accent);transition:transform var(--transition-normal), background-color var(--transition-normal);background-color:#a855f70d;border:1px solid #a855f726;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.cert-card:hover .cert-icon-container{background-color:#a855f726;transform:scale(1.1)rotate(5deg)}.cert-card h3{margin-bottom:8px;font-size:1.15rem;line-height:1.4}.cert-card p{color:var(--text-muted);font-size:.85rem}@media (width<=1024px){.certifications-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.certifications-grid{grid-template-columns:1fr}}.contact-grid{grid-template-columns:1fr 1.2fr;gap:60px;display:grid}.contact-info h3{margin-bottom:20px;font-size:2.2rem;line-height:1.3}.contact-info p{color:var(--text-muted);margin-bottom:40px;font-size:1.05rem}.contact-methods{flex-direction:column;gap:28px;margin-bottom:48px;display:flex}.method-item{flex-direction:column;gap:6px;display:flex}.method-item .label{text-transform:uppercase;color:var(--accent);letter-spacing:.05em;font-size:.8rem;font-weight:500}.method-item .value{font-size:1.15rem;font-weight:500}.method-item .value a{color:var(--text);transition:color var(--transition-fast);text-decoration:none}.method-item .value a:hover{color:var(--accent)}.social-links-grid{gap:16px;display:flex}.social-item{border:1px solid var(--border);width:48px;height:48px;color:var(--text-muted);transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background-color:#ffffff05;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-item:hover{color:#fff;border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow);background-color:#a855f71a}.contact-form{padding:40px}.form-group{flex-direction:column;gap:8px;margin-bottom:24px;display:flex;position:relative}.form-group label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.85rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-sans);transition:border-color var(--transition-normal), background-color var(--transition-normal);background-color:#ffffff03;border-radius:8px;outline:none;padding:14px 18px;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{background-color:#ffffff08;border-color:#a855f766}.form-group .focus-border{background:var(--accent-gradient);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.form-group input:focus~.focus-border,.form-group textarea:focus~.focus-border{width:100%}.btn-submit{cursor:none;border:none;justify-content:center;width:100%}@media (width<=768px){.contact-grid{grid-template-columns:1fr;gap:40px}.contact-form{padding:24px}}.footer{border-top:1px solid var(--border);background-color:#030305;padding:40px 0}.footer-container{color:var(--text-dark);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.footer-container a{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.footer-container a:hover{color:var(--accent)}@media (width<=600px){.footer-container{text-align:center;flex-direction:column;gap:12px}}.reveal-up{opacity:0;transform:translateY(30px)}#spiderman-container{z-index:1002;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:70px;height:auto;display:flex;position:fixed;top:0;right:120px}.web-line{transform-origin:top;background-color:#fff6;width:2px;height:60px}html.light .web-line{background-color:#0f172a40}.spiderman-body{cursor:grab;flex-direction:column;align-items:center;display:flex;position:relative}.spiderman-body:active{cursor:grabbing}.spiderman-body svg{filter:drop-shadow(0 4px 8px #00000059)}.pull-tag{font-family:var(--font-display);letter-spacing:.08em;color:#fff;pointer-events:none;background-color:#a855f7d9;border:1px solid #ffffff26;border-radius:4px;margin-top:-6px;padding:1px 6px;font-size:.6rem;font-weight:700;box-shadow:0 0 10px #a855f773}html.light{--bg:#f4f2ea;--bg-card:#ffffffc7;--bg-card-hover:#fffffff5;--border:#0f172a12;--border-hover:#7c3aed73;--text:#565449;--text-muted:#7a786c;--text-dark:#66830a;--accent:#6d28d9;--accent-secondary:#5b21b6;--accent-gradient:linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%);--accent-glow:#6d28d91f}html.light body{background-color:var(--bg);color:var(--text)}html.light .header.scrolled{border-bottom:1px solid var(--border);background-color:#f8fafcd9}html.light .logo{color:var(--text)}html.light .logo span{color:var(--accent)}html.light .location-badge{border:1px solid var(--border);color:var(--text-muted);background-color:#0f172a05}html.light .btn-secondary{border:1px solid var(--border);color:var(--text);background:#0f172a05}html.light .btn-secondary:hover{border-color:var(--accent);background:#6d28d90a}html.light .timeline:before{background:linear-gradient(to bottom, var(--accent) 0%, #6d28d90d 100%)}html.light .timeline-dot{background-color:var(--bg);border-color:var(--accent);box-shadow:0 0 10px #6d28d94d}html.light .timeline-content{background:var(--bg-card);border:1px solid var(--border)}html.light .timeline-content:hover{border-color:var(--border-hover);box-shadow:0 12px 32px var(--accent-glow)}html.light .bento-item{background:var(--bg-card);border:1px solid var(--border)}html.light .bento-item:hover{border-color:var(--border-hover);box-shadow:0 12px 32px var(--accent-glow)}html.light .tag{border-color:var(--border);color:var(--text-muted);background-color:#0f172a08}html.light .skill-tag{border-color:var(--border);color:var(--text-muted);background-color:#0f172a04}html.light .skill-tag:hover{border-color:var(--accent);color:#fff}html.light .cert-card{background:var(--bg-card);border:1px solid var(--border)}html.light .cert-card:hover{border-color:var(--border-hover);box-shadow:0 12px 32px var(--accent-glow)}html.light .cert-icon-container{background-color:#6d28d90a;border-color:#6d28d926}html.light .social-item{border-color:var(--border);color:var(--text-muted);background-color:#0f172a05}html.light .social-item:hover{color:#fff;background-color:var(--accent);border-color:var(--accent)}html.light .contact-form{background:var(--bg-card);border:1px solid var(--border)}html.light .contact-form:hover{border-color:var(--border-hover)}html.light .form-group input,html.light .form-group textarea{border-color:var(--border);color:var(--text);background-color:#0f172a03}html.light .form-group input:focus,html.light .form-group textarea:focus{background-color:#fff;border-color:#6d28d966}html.light .footer{border-top:1px solid var(--border);background-color:#f1f5f9}html.light .custom-cursor-dot{background-color:#0f172a}html.light .custom-cursor-ring{border-color:#6d28d966}@media (pointer:fine){html.light body.cursor-hover .custom-cursor-dot{background-color:var(--accent)}html.light body.cursor-hover .custom-cursor-ring{border-color:var(--accent);background-color:#6d28d90f}}.hero-avatar-container{z-index:2;margin-bottom:24px;display:inline-block;position:relative}.hero-avatar-glow{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.35;filter:blur(12px);z-index:-1;pointer-events:none;width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-avatar{object-fit:cover;background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:130px;height:130px;transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border:2px solid #a855f74d;border-radius:50%;display:block;box-shadow:0 8px 32px #00000080}.grain{pointer-events:none;z-index:50;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.9s steps(3,end) infinite grain-shift;position:fixed;inset:-50%}@keyframes grain-shift{0%{transform:translate(0)}33%{transform:translate(-2%,1%)}66%{transform:translate(1%,-2%)}to{transform:translate(0)}}.hero-grid{text-align:left;z-index:2;grid-template-columns:1.25fr .75fr;align-items:center;gap:40px;width:100%;display:grid;position:relative}.hero-text-col{flex-direction:column;justify-content:center;display:flex}.hero-meta-text{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dark);text-transform:uppercase;margin-bottom:22px;font-size:.8rem;font-weight:500}.hero-title{font-family:var(--font-serif);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(64px,10vw,110px);font-weight:600;line-height:1}.hero-title em{color:var(--accent);font-style:italic}.hero-name{padding:0 10px;display:inline-block;position:relative}.doodle{pointer-events:none;color:var(--accent);transition:color .6s var(--ease);position:absolute}.doodle-underline{width:calc(100% - 8px);height:26px;bottom:-14px;left:4px}.doodle-underline path{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400px;animation:scribble .7s var(--ease) .55s forwards}.doodle-underline path:last-child{stroke-width:3px;opacity:.55;animation-delay:.85s}@keyframes scribble{to{stroke-dashoffset:0}}.hero-subtitle{color:var(--text-muted);max-width:540px;margin-bottom:36px;font-size:1.05rem;line-height:1.6}.clipons{flex-wrap:wrap;gap:14px;margin-top:10px;padding:0;list-style:none;display:flex}.clipon{transform:rotate(var(--tilt));transition:transform .3s var(--ease)}.clipon:hover{transform:rotate(0)translateY(-3px)}.clipon a{background:var(--bg-card);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;transition:color .25s, border-color .25s, background .6s var(--ease), box-shadow .6s var(--ease);border-radius:3px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #0003}.clipon a:hover{color:var(--accent);border-color:var(--accent);background-color:#a855f70d}.clipon-ico{fill:currentColor;flex-shrink:0;width:14px;height:14px}html.light .clipon a{background:#fff;border-color:#00000014;box-shadow:0 4px 12px #00000008}html.light .clipon a:hover{background-color:#6d28d90a}.hero-photo-col{justify-content:center;display:flex}.polaroid-frame{background:var(--bg-card);border:1px solid var(--border);transition:transform .4s var(--ease), border-color var(--transition-normal);border-radius:4px;width:100%;max-width:250px;padding:10px 10px 8px;position:relative;transform:rotate(3deg);box-shadow:0 16px 40px #0006}.polaroid-frame:hover,.polaroid-frame:active,.polaroid-frame.is-clicked{border-color:#ffffffa6;transform:rotate(0)translateY(-6px)scale(1.03);box-shadow:0 0 35px 8px #ffffff47,0 20px 45px #0000008c}.polaroid-photo{aspect-ratio:4/5;object-fit:cover;background-color:#0000001a;border-radius:2px;width:100%;display:block}.polaroid-caption{font-family:var(--font-hand);color:var(--text-muted);text-align:center;padding:6px 0 2px;font-size:18px}.tape{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:.75;z-index:2;background:#a855f726;border-left:1px dashed #ffffff26;border-right:1px dashed #ffffff26;width:86px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-2deg)}html.light .tape{background:#6d28d914;border-left-color:#00000014;border-right-color:#00000014}html.light .polaroid-frame{background:#fff;border-color:#0000000f;box-shadow:0 12px 32px #28281914}html.light .polaroid-frame:hover,html.light .polaroid-frame:active,html.light .polaroid-frame.is-clicked{border-color:#0000001f;box-shadow:0 0 35px 8px #fffffff2,0 15px 35px #28281e1f}.hero-watermark{display:none}.hero-marvel-bg{z-index:0;pointer-events:none;width:100%;height:100%;transition:background-position var(--transition-slow), filter var(--transition-slow), opacity var(--transition-slow);opacity:.15;background-image:url(/marvel_bg.jpg);background-repeat:no-repeat;background-size:160%;position:absolute;top:0;left:0}html.dark .hero-marvel-bg{filter:invert()hue-rotate(180deg)brightness(.9)contrast(1.1);opacity:.15;background-position:10%}html.light .hero-marvel-bg{filter:none;opacity:.22;background-position:90%}@media (aspect-ratio<=1){.hero-marvel-bg{background-size:auto 160%}html.dark .hero-marvel-bg{background-position:50% 10%}html.light .hero-marvel-bg{background-position:50% 90%}}.dock{z-index:99;-webkit-backdrop-filter:blur(14px)saturate(1.1);transition:background .6s var(--ease), border-color .6s var(--ease);background:#0a0a0f73;border:1px solid #ffffff0a;border-radius:15px;flex-direction:column;gap:2px;padding:6px;display:flex;position:fixed;top:50%;left:clamp(12px,2vw,24px);transform:translateY(-50%);box-shadow:0 8px 32px #0000004d}html.light .dock{background:#ffffffbf;border-color:#0000000f;box-shadow:0 8px 32px #0000000d}.dock a{width:38px;height:38px;color:var(--text-dark);transition:color .28s var(--ease), background .28s var(--ease);border-radius:10px;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.dock a:hover{color:var(--text);background:#ffffff0d}html.light .dock a:hover{color:#111;background:#0000000a}.dock a.active{color:var(--accent)}.dock a.active:before{content:"";background:var(--accent);border-radius:2px;width:2.5px;height:15px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.dock-ico{stroke-width:1.6px;flex:none;width:17px;height:17px}.dock-label{-webkit-backdrop-filter:blur(8px);font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-muted);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .24s var(--ease), transform .28s var(--ease);background:#0a0a0fe6;border:1px solid #ffffff0d;border-radius:7px;padding:5px 9px;font-size:10.5px;line-height:1;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px)}html.light .dock-label{color:#111;background:#fffffff2;border-color:#0000000f}.dock a:hover .dock-label{opacity:1;transform:translateY(-50%)translate(0)}.sound{z-index:100;cursor:pointer;transition:transform .35s var(--ease);background:0 0;border:none;padding:0;line-height:0;display:block;position:fixed;bottom:clamp(18px,3vw,34px);left:clamp(16px,3vw,36px);transform:rotate(-2deg)}.sound:hover{transform:rotate(0)translateY(-3px)scale(1.05)}.face{filter:drop-shadow(0 4px 12px #00000080);width:auto;height:58px;transition:filter .4s var(--ease);display:block}html.light .face{filter:drop-shadow(0 4px 12px #0000001f)}.sound.playing .face{filter:drop-shadow(0 0 16px var(--accent-glow));animation:1.9s ease-in-out infinite nod}@keyframes nod{0%,to{transform:rotate(-2.5deg)translateY(0)}50%{transform:rotate(2.5deg)translateY(-2px)}}.sound-hint{font-family:var(--font-hand);color:var(--text-dark);white-space:nowrap;opacity:0;transition:opacity .3s, color .4s var(--ease);font-size:17px;line-height:1;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.sound:hover .sound-hint{opacity:1}.sound.playing .sound-hint{opacity:1;color:var(--accent)}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0}body::-webkit-scrollbar{width:0;height:0}@media (width<=860px){.dock{flex-direction:row;gap:2px;top:auto;bottom:12px;left:50%;transform:translate(-50%)}.dock a{width:40px;height:40px}.dock a.active:before{width:15px;height:2.5px;top:auto;bottom:-5px;left:50%;transform:translate(-50%)}.dock-label{top:auto;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(4px)}.dock a:hover .dock-label{transform:translate(-50%)translateY(0)}}@media (width<=760px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:28px}.hero-text-col{align-items:center}.hero-subtitle{margin-left:auto;margin-right:auto}.clipons{justify-content:center}.polaroid-frame{width:180px;transform:rotate(2deg)}.sound{display:none}.hero-title{font-size:clamp(56px,14vw,80px)}.hero-watermark{width:320px;height:320px;top:50%;right:50%;transform:translate(50%,-50%)rotate(-12deg)}}.cube-showcase-horizontal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;margin-bottom:32px;padding:32px 40px;box-shadow:0 4px 20px #00000026}.cube-horizontal-layout{align-items:center;gap:40px;display:flex}.cube-container-horizontal{perspective:800px;perspective-origin:50%;flex-shrink:0;justify-content:center;align-items:center;width:180px;height:180px;display:flex}.cube-container-horizontal .cube{width:150px;height:150px;transform-style:preserve-3d;position:relative}.cube-container-horizontal .cube-face{box-sizing:border-box;backface-visibility:hidden;background:#050505;border:3px solid #000;border-radius:6px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;width:150px;height:150px;padding:5px;display:grid;position:absolute;box-shadow:inset 0 0 8px #000000e6,0 0 12px #0009;opacity:1!important}.cube-container-horizontal .cube-face.front{transform:rotateY(0)translateZ(75px)}.cube-container-horizontal .cube-face.back{transform:rotateY(180deg)translateZ(75px)}.cube-container-horizontal .cube-face.right{transform:rotateY(90deg)translateZ(75px)}.cube-container-horizontal .cube-face.left{transform:rotateY(-90deg)translateZ(75px)}.cube-container-horizontal .cube-face.top{transform:rotateX(90deg)translateZ(75px)}.cube-container-horizontal .cube-face.bottom{transform:rotateX(-90deg)translateZ(75px)}.sticker{font-family:var(--font-mono);color:#000;-webkit-user-select:none;user-select:none;border-radius:3px;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:filter .2s;display:flex;box-shadow:inset 0 -2px 3px #00000059,inset 0 1px 3px #ffffff40;opacity:1!important}.sticker:hover{filter:brightness(1.15)}.sticker.red{color:#fff;background:#dc2626}.sticker.orange{color:#fff;background:#ea580c}.sticker.green{color:#fff;background:#16a34a}.sticker.blue{color:#fff;background:#2563eb}.sticker.yellow{color:#000;background:#ca8a04}.sticker.white{color:#0f172a;background:#f1f5f9}html.light .cube-showcase-horizontal{background:#fff;border-color:#0000000f;box-shadow:0 4px 20px #00000008}html.light .cube-container-horizontal .cube-face{background:#1e293b;border-color:#0f172a}.experience-shelf{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;width:100%;padding:12px 0 24px;position:relative;overflow-x:auto}.experience-shelf::-webkit-scrollbar{display:none}.experience-shelf:active{cursor:grabbing}.experience-shelf-track{gap:24px;width:max-content;padding:4px;display:flex}.experience-card{background:var(--bg-card);border:1px solid var(--border);width:320px;transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:12px;flex-shrink:0;padding:28px;box-shadow:0 4px 20px #00000026}.experience-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 12px 30px #a855f71f}html.light .experience-card{background:#fff;border-color:#0000000f;box-shadow:0 4px 20px #00000008}html.light .experience-card:hover{border-color:var(--accent);box-shadow:0 12px 30px #6d28d914}.exp-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.exp-date{font-family:var(--font-mono);color:var(--text-dark);font-size:.8rem;font-weight:500}.exp-bullet-list{color:var(--text-muted);margin-top:12px;margin-left:20px;padding:0;font-size:.95rem;line-height:1.6}.exp-bullet-list li{margin-bottom:6px}@media (width<=760px){.cube-horizontal-layout{text-align:center;flex-direction:column;gap:20px}.cube-text-horizontal{text-align:center}.cube-showcase-horizontal{padding:24px}.experience-shelf{cursor:default}}html.light .hero-name{background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:initial;color:var(--text)}html.light h1,html.light h2,html.light h3,html.light h4,html.light h5,html.light h6{color:#000}html.light .mobile-menu{background-color:#f4f2eafa;border-left-color:#00000014}html.light .mobile-link{color:var(--text-muted)}html.light .mobile-link:hover,html.light .mobile-link.active{color:var(--accent)}