:root{--bg-primary:#0d0d0f;--bg-secondary:#121215;--bg-tertiary:#17171a;--bg-card:#1a1a1e;--bg-card-hover:#1a1a1e;--text-primary:#f5f5f7;--text-secondary:#b0b0b8;--text-tertiary:#70707a;--text-muted:#4a4a52;--accent-primary:#7046ff;--accent-secondary:#ff4678;--accent-tertiary:#46ffdb;--accent-hover:#8866ff;--border-color:#2a2a32;--border-hover:#3a3a42;--shadow-sm:0 2px 8px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.15);--shadow-md:0 8px 24px rgba(0,0,0,0.35),0 4px 8px rgba(0,0,0,0.2);--shadow-lg:0 24px 48px rgba(0,0,0,0.45),0 12px 24px rgba(0,0,0,0.25);--shadow-xl:0 32px 64px rgba(0,0,0,0.55),0 16px 32px rgba(0,0,0,0.3);--shadow-glow:0 0 40px rgba(112,70,255,0.25),0 0 20px rgba(112,70,255,0.15);--gradient-primary:linear-gradient(135deg,#7046ff 0%,#ff4678 100%);--gradient-secondary:linear-gradient(135deg,#ff4678 0%,#46ffdb 100%);--gradient-tertiary:linear-gradient(135deg,#46ffdb 0%,#7046ff 100%);--gradient-text:linear-gradient(135deg,#ffffff 0%,#a8a8a8 100%);--gradient-mesh:radial-gradient(at 20% 30%,rgba(112,70,255,0.15) 0%,transparent 50%),radial-gradient(at 80% 70%,rgba(255,70,120,0.15) 0%,transparent 50%),radial-gradient(at 40% 80%,rgba(70,255,219,0.15) 0%,transparent 50%);--glow-primary:0 0 30px rgba(112,70,255,0.5);--glow-secondary:0 0 30px rgba(255,70,120,0.5);--glow-tertiary:0 0 30px rgba(70,255,219,0.5);}[data-theme="light"]{--bg-primary:#f0f0f2;--bg-secondary:#f5f5f7;--bg-tertiary:#e8e8eb;--bg-card:rgba(245,245,247,0.95);--bg-card-hover:rgba(245,245,247,0.95);--text-primary:#0f1419;--text-secondary:#536471;--text-tertiary:#687684;--text-muted:#8b98a5;--accent-primary:#5046e5;--accent-secondary:#e5484d;--accent-tertiary:#00b388;--accent-hover:#6366f1;--border-color:#e4e7eb;--border-hover:#cbd5e1;--shadow-sm:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-glow:0 0 30px rgba(80,70,229,0.25),0 0 60px rgba(80,70,229,0.15);--gradient-primary:linear-gradient(135deg,#5046e5 0%,#e5484d 100%);--gradient-secondary:linear-gradient(135deg,#e5484d 0%,#00b388 100%);--gradient-tertiary:linear-gradient(135deg,#00b388 0%,#5046e5 100%);--gradient-text:linear-gradient(135deg,#0f1419 0%,#536471 100%);--gradient-mesh:radial-gradient(at 20% 30%,rgba(80,70,229,0.06) 0%,transparent 50%),radial-gradient(at 80% 70%,rgba(229,72,77,0.06) 0%,transparent 50%),radial-gradient(at 40% 80%,rgba(0,179,136,0.06) 0%,transparent 50%);--glow-primary:0 0 20px rgba(80,70,229,0.25);--glow-secondary:0 0 20px rgba(229,72,77,0.25);--glow-tertiary:0 0 20px rgba(0,179,136,0.25);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;}html:focus-within{scroll-behavior:smooth;}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto;}input,button,textarea,select{font:inherit;}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto;}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}.skip-link{position:absolute;top:-100px;left:20px;background:var(--accent-primary);color:white;padding:0.75rem 1.5rem;text-decoration:none;border-radius:0.5rem;z-index:10000;font-weight:600;font-size:0.875rem;transition:top 0.3s ease;box-shadow:0 4px 20px rgba(112,70,255,0.4);}.skip-link:focus{top:20px;outline:2px solid var(--accent-tertiary);outline-offset:2px;}main{height:100%;}section{position:relative;min-height:100vh;min-height:100svh;height:auto;scroll-snap-align:start;scroll-snap-stop:normal;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;max-width:100%;}.nav-item{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}.orbit,.orbit-item{animation:none !important;}.cursor,.cursor-follower{display:none !important;}.skeleton{animation:none !important;background:var(--border-color) !important;}}@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=JetBrains+Mono:wght@400;500;600&display=swap');html{scroll-behavior:smooth;cursor:none;overflow-x:hidden;-webkit-overflow-scrolling:touch;height:100%;max-width:100%;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);background-image:var(--gradient-mesh),repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,255,255,0.01) 20deg,transparent 40deg);background-attachment:fixed;background-size:100% 100%,60px 60px;transition:background-color 0.3s ease,color 0.3s ease;overflow-x:hidden;cursor:none;position:relative;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y proximity;}body::before{content:'';position:fixed;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 4px);pointer-events:none;z-index:1;}[data-theme="light"] body::before{background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(15,20,25,0.03) 3px,rgba(15,20,25,0.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(15,20,25,0.03) 3px,rgba(15,20,25,0.03) 4px);}[data-theme="light"] body::after{content:'';position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,transparent 0%,transparent 40%,rgba(80,70,229,0.03) 65%,transparent 70%),radial-gradient(circle at 80% 20%,transparent 0%,transparent 40%,rgba(229,72,77,0.03) 65%,transparent 70%),radial-gradient(circle at 40% 40%,transparent 0%,transparent 40%,rgba(0,179,136,0.03) 65%,transparent 70%),linear-gradient(180deg,rgba(245,245,247,0) 0%,rgba(237,237,240,0.3) 100%);background-size:600px 600px,700px 700px,500px 500px,100% 100%;background-position:-100px 100px,200px -100px,50px 50px,center;pointer-events:none;z-index:1;opacity:0.8;}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;letter-spacing:-0.03em;font-feature-settings:'ss01','ss02','ss03','ss04';}h1{font-size:clamp(3rem,8vw,6rem);}h2{font-size:clamp(2.5rem,6vw,4rem);}h3{font-size:clamp(1.5rem,3vw,2.5rem);}p{margin-bottom:1rem;color:var(--text-secondary);font-size:1.1rem;}a{color:var(--accent-primary);text-decoration:none;transition:all 0.3s ease;cursor:pointer;}button,.nav-item,#themeToggle,.link-arrow,.orbit-center,.orbit-item,.contact-button,.social-item,.panel-close{cursor:none !important;}.tech-slider,.tech-track,.tech-item{cursor:none !important;}@keyframes meshAnimation{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}@keyframes subtle-glow{0%,100%{box-shadow:0 0 30px rgba(112,70,255,0.4),0 0 60px rgba(255,70,120,0.3),0 0 90px rgba(70,255,219,0.2),inset 0 0 20px rgba(112,70,255,0.1);}50%{box-shadow:0 0 40px rgba(112,70,255,0.5),0 0 80px rgba(255,70,120,0.4),0 0 120px rgba(70,255,219,0.3),inset 0 0 30px rgba(112,70,255,0.15);}}[data-theme="light"] @keyframes subtle-glow{0%,100%{box-shadow:0 0 40px rgba(80,70,229,0.3),0 0 80px rgba(229,72,77,0.2),0 0 120px rgba(0,179,136,0.15),0 10px 30px rgba(0,0,0,0.1),inset 0 0 30px rgba(80,70,229,0.2);}50%{box-shadow:0 0 50px rgba(80,70,229,0.4),0 0 100px rgba(229,72,77,0.3),0 0 150px rgba(0,179,136,0.2),0 15px 40px rgba(0,0,0,0.12),inset 0 0 40px rgba(80,70,229,0.25);}}@keyframes rotate-ring{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes morph-main{0%,100%{border-radius:50%;transform:rotate(0deg) scale(1);}25%{border-radius:42% 58% 45% 55% / 55% 45% 55% 45%;transform:rotate(90deg) scale(1.02);}50%{border-radius:58% 42% 55% 45% / 45% 55% 45% 55%;transform:rotate(180deg) scale(0.98);}75%{border-radius:45% 55% 42% 58% / 58% 42% 58% 42%;transform:rotate(270deg) scale(1.01);}}@keyframes morph-outer{0%,100%{border-radius:50%;transform:rotate(0deg) scale(1);}20%{border-radius:40% 60% 45% 55% / 60% 40% 60% 40%;transform:rotate(-72deg) scale(1.03);}40%{border-radius:60% 40% 55% 45% / 40% 60% 40% 60%;transform:rotate(-144deg) scale(0.97);}60%{border-radius:45% 55% 40% 60% / 55% 45% 55% 45%;transform:rotate(-216deg) scale(1.02);}80%{border-radius:55% 45% 60% 40% / 45% 55% 45% 55%;transform:rotate(-288deg) scale(0.99);}}@keyframes morph-unified{0%,100%{border-radius:50%;}20%{border-radius:42% 58% 41% 59% / 58% 42% 58% 42%;}40%{border-radius:58% 42% 59% 41% / 42% 58% 42% 58%;}60%{border-radius:41% 59% 40% 60% / 59% 41% 59% 41%;}80%{border-radius:60% 40% 58% 42% / 40% 60% 40% 60%;}}@keyframes morph-photo{0%,100%{border-radius:50%;}25%{border-radius:45% 55% 43% 57% / 55% 45% 55% 45%;}50%{border-radius:55% 45% 57% 43% / 45% 55% 45% 55%;}75%{border-radius:43% 57% 45% 55% / 57% 43% 57% 43%;}}@keyframes pulse-ring{0%{transform:scale(1);opacity:0.5;}50%{transform:scale(1.1);opacity:0.3;}100%{transform:scale(1);opacity:0.5;}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.7;}}@keyframes pulse-glow{0%,100%{opacity:1;box-shadow:0 0 0 2px rgba(16,185,129,0.2),0 0 10px rgba(16,185,129,0.4);}50%{opacity:0.8;box-shadow:0 0 0 3px rgba(16,185,129,0.15),0 0 20px rgba(16,185,129,0.6);}}@keyframes gradientShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}@keyframes glitch-1{0%,90%{clip:rect(0,0,0,0);opacity:0;}91%{clip:rect(132px,350px,101px,30px);opacity:0.5;}92%{clip:rect(28px,410px,66px,0);opacity:0.5;}93%{clip:rect(59px,450px,31px,0);opacity:0.5;}94%{clip:rect(0,0,0,0);opacity:0;}100%{clip:rect(0,0,0,0);opacity:0;}}@keyframes glitch-2{0%,92%{clip:rect(0,0,0,0);transform:translateX(0);opacity:0;}93%{clip:rect(65px,450px,119px,0);transform:translateX(-1px);opacity:0.5;}94%{clip:rect(75px,430px,15px,0);transform:translateX(1px);opacity:0.5;}95%{clip:rect(113px,450px,25px,0);transform:translateX(-1px);opacity:0.5;}96%{clip:rect(0,0,0,0);transform:translateX(0);opacity:0;}100%{clip:rect(0,0,0,0);transform:translateX(0);opacity:0;}}@keyframes text-glitch{0%,100%{text-shadow:0.02em 0 #f0f,-0.02em -0 #0ff,0.01em -0 #f0f;}15%{text-shadow:0.5em 0 #f0f,-0.5em -0 #0ff,0.25em -0 #f0f;}20%,80%{text-shadow:0.02em 0 #f0f,-0.02em -0 #0ff,0.01em -0 #f0f;}85%{text-shadow:-0.5em 0 #f0f,0.5em -0 #0ff,-0.25em -0 #f0f;}}@keyframes tech-glitch{0%,100%{text-shadow:none;}25%{text-shadow:-1px 0 #f0f,1px 0 #0ff;}50%{text-shadow:1px -1px #f0f,-1px 1px #0ff;}75%{text-shadow:-1px -1px #f0f,1px 1px #0ff;}}@keyframes title-glitch{0%,100%{text-shadow:none;}25%{text-shadow:-2px 0 #f0f,2px 0 #0ff;}50%{text-shadow:2px -2px #f0f,-2px 2px #0ff;}75%{text-shadow:-2px -2px #f0f,2px 2px #0ff;}}@keyframes tooltip-glitch-shadow{0%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}20%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}40%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}60%{text-shadow:0 2px #ff0080,0 -2px #00ffff,0 0 10px rgba(112,70,255,0.8);}80%{text-shadow:0 -2px #ff0080,0 2px #00ffff,0 0 10px rgba(112,70,255,0.8);}100%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}}@keyframes glitch{0%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}20%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}40%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}60%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}80%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}100%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}}@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}@keyframes shimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}@keyframes progress{from{width:0;}}@keyframes skeleton-loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}@keyframes rotate{from{transform:translate(-50%,-50%) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(360deg);}}@keyframes counter-rotate{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}@keyframes flicker{0%,100%{opacity:1;}50%{opacity:0.8;}}@keyframes heartbeat{0%,100%{transform:scale(1);}50%{transform:scale(1.2);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInLeft{to{opacity:1;transform:translateX(0);}}@keyframes particle-float{0%{opacity:1;transform:translate(0,0) scale(1);}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0);}}@keyframes pop-in{0%{opacity:0;transform:scale(0.8) translateY(20px);}100%{opacity:1;transform:scale(1) translateY(0);}}main{height:100%;}section{position:relative;min-height:100vh;min-height:100svh;height:auto;scroll-snap-align:start;scroll-snap-stop:normal;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:center;max-width:100%;}.hero-bento{height:100vh;padding:2rem;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;}.bento-container{max-width:1400px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:1.25rem;padding:2rem;position:relative;z-index:2;margin:0 auto;}.bento-photo{grid-column:span 3;grid-row:span 2;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:visible;min-height:380px;}.bento-hero{grid-column:span 6;grid-row:span 2;display:flex;flex-direction:column;justify-content:center;padding:2.5rem;position:relative;}.bento-status{grid-column:span 2;grid-row:span 1;height:180px;}.bento-stats{grid-column:span 2;grid-row:span 1;display:flex;flex-direction:column;justify-content:space-around;height:180px;}.bento-tech{grid-column:span 5;grid-row:span 1;padding:1.5rem;display:flex;align-items:center;position:relative;overflow:hidden;}.bento-focus{grid-column:span 5;grid-row:span 1;}.work-container{max-width:1400px;margin:0 auto;}.work-section{padding:4rem 2rem;position:relative;overflow:hidden;}.work-header{text-align:center;margin-bottom:4rem;}.project-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;}.project-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;transition:all 0.3s ease;position:relative;height:400px;}.project-card.wide{grid-column:span 2;}.project-card.large{grid-column:span 2;grid-row:span 2;}.project-card.vertical{grid-column:span 1;grid-row:span 2;}.contact-section{padding:4rem 2rem;position:relative;overflow:hidden;}.contact-container{max-width:1200px;margin:0 auto;}.contact-bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;}.contact-main{grid-column:span 2;text-align:center;}@media (max-width:1200px){.bento-container{grid-template-columns:repeat(12,1fr);gap:1rem;}.bento-photo{grid-column:span 4;}.bento-hero{grid-column:span 8;}.bento-stats,.bento-status{grid-column:span 3;}.bento-tech{grid-column:span 6;}.bento-focus{grid-column:span 6;}}@media (max-width:768px){.bento-container{grid-template-columns:1fr;gap:1rem;padding:1rem;}.bento-photo,.bento-hero,.bento-stats,.bento-status,.bento-tech,.bento-focus{grid-column:span 1;}.bento-photo{grid-row:span 1;min-height:280px;}.bento-hero{grid-row:span 1;padding:2rem;}.project-showcase{grid-template-columns:1fr;}.project-card.wide,.project-card.large,.project-card.vertical{grid-column:span 1;grid-row:span 1;}.contact-main{grid-column:span 1;}}.tech-slider{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;height:60px;}.tech-track{display:flex;gap:2rem;animation:slide 20s linear infinite;align-items:center;}.container{max-width:1400px;margin:0 auto;padding:0 2rem;}.flex-center{display:flex;align-items:center;justify-content:center;}.flex-between{display:flex;align-items:center;justify-content:space-between;}.flex-column{display:flex;flex-direction:column;}.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.overflow-hidden{overflow:hidden;}.overflow-auto{overflow:auto;}.overflow-x-hidden{overflow-x:hidden;}.overflow-y-auto{overflow-y:auto;}html{scroll-behavior:smooth;cursor:none;overflow-x:hidden;-webkit-overflow-scrolling:touch;height:100%;max-width:100%;}body{overflow-x:hidden;cursor:none;position:relative;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y proximity;}body::before{content:'';position:fixed;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 4px);pointer-events:none;z-index:1;}[data-theme="light"] body::before{background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(15,20,25,0.03) 3px,rgba(15,20,25,0.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(15,20,25,0.03) 3px,rgba(15,20,25,0.03) 4px);}[data-theme="light"] body::after{content:'';position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,transparent 0%,transparent 40%,rgba(80,70,229,0.03) 65%,transparent 70%),radial-gradient(circle at 80% 20%,transparent 0%,transparent 40%,rgba(229,72,77,0.03) 65%,transparent 70%),radial-gradient(circle at 40% 40%,transparent 0%,transparent 40%,rgba(0,179,136,0.03) 65%,transparent 70%),linear-gradient(180deg,rgba(245,245,247,0) 0%,rgba(237,237,240,0.3) 100%);background-size:600px 600px,700px 700px,500px 500px,100% 100%;background-position:-100px 100px,200px -100px,50px 50px,center;pointer-events:none;z-index:1;opacity:0.8;}.bento-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.75rem;transition:transform 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s ease,border-color 0.2s ease;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;}.bento-item::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;}.bento-item::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);transform:translateX(-100%);transition:transform 0.6s ease;}.bento-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--accent-primary);}.bento-item:hover::after{transform:translateX(100%);}.bento-item:hover::before{opacity:0.08;}.work-section{padding:4rem 2rem;position:relative;overflow:hidden;}.work-header{text-align:center;margin-bottom:4rem;}.project-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;transition:all 0.3s ease;position:relative;height:400px;}.project-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,var(--accent-primary) 100%);opacity:0;transition:opacity 0.3s ease;}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary);}.project-card:hover::before{opacity:0.05;}.project-image-wrapper{position:relative;width:100%;height:250px;overflow:hidden;}.project-image{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}.project-image-wrapper:hover .project-image{transform:scale(1.05);}.project-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.8) 100%);display:flex;align-items:flex-end;padding:1.5rem;opacity:0;transition:opacity 0.3s ease;}.project-image-wrapper:hover .project-overlay{opacity:1;}.contact-section{padding:4rem 2rem;position:relative;overflow:hidden;}.contact-header{text-align:center;}.contact-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;text-align:center;transition:all 0.3s ease;position:relative;overflow:hidden;}.contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary);}.section-header{text-align:center;margin-bottom:4rem;}.section-header h2{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1rem;}.section-header p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto;}.container{max-width:1400px;margin:0 auto;padding:0 2rem;}.container-sm{max-width:800px;margin:0 auto;padding:0 2rem;}.container-lg{max-width:1600px;margin:0 auto;padding:0 2rem;}.section-padding{padding:4rem 2rem;}.section-padding-lg{padding:6rem 2rem;}.section-padding-sm{padding:2rem 1rem;}[data-theme="light"] .bento-item{background:rgba(245,245,247,0.95);}[data-theme="light"] .project-card{background:rgba(245,245,247,0.95);}[data-theme="light"] .contact-card{background:rgba(245,245,247,0.95);}@media (max-width:1024px){.section-padding{padding:3rem 1.5rem;}.section-padding-lg{padding:4rem 1.5rem;}}@media (max-width:768px){.hero-bento{padding:1rem;}.section-padding{padding:2rem 1rem;}.section-padding-lg{padding:3rem 1rem;}.section-header h2{font-size:clamp(2rem,8vw,3rem);}.section-header p{font-size:1rem;}.project-card{height:auto;min-height:350px;}.project-image-wrapper{height:200px;}}@media (prefers-reduced-motion:reduce){section{scroll-behavior:auto !important;}.bento-item,.project-card,.contact-card{transition:none !important;}.bento-item::after,.project-card::before,.project-image{transition:none !important;}}.skip-link{position:absolute;top:-100px;left:20px;background:var(--accent-primary);color:white;padding:0.75rem 1.5rem;text-decoration:none;border-radius:0.5rem;z-index:10000;font-weight:600;font-size:0.875rem;transition:top 0.3s ease;box-shadow:0 4px 20px rgba(112,70,255,0.4);}.skip-link:focus{top:20px;outline:2px solid var(--accent-tertiary);outline-offset:2px;}.floating-nav{position:fixed;right:3rem;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:1rem;align-items:center;}.floating-nav::before{content:'';position:absolute;inset:-20px;background:radial-gradient(circle at center,var(--accent-primary),transparent 70%);opacity:0.1;filter:blur(40px);z-index:-1;}.nav-indicator{position:absolute;width:50px;height:50px;background:var(--accent-primary);border-radius:50%;opacity:0.2;transition:transform 0.3s cubic-bezier(0.25,0.1,0.25,1);z-index:-1;top:0;left:0;transform:translateY(0);pointer-events:none;}.nav-item{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:1.2rem;transition:all 0.3s ease;position:relative;overflow:hidden;cursor:none !important;}.nav-item::before{content:attr(data-tooltip);position:absolute;right:70px;white-space:nowrap;background:var(--bg-card);padding:0.5rem 1rem;border-radius:0.5rem;border:1px solid var(--border-color);font-size:0.875rem;opacity:0;transform:translateX(10px);transition:all 0.3s ease;pointer-events:none;}.nav-item:hover::before{opacity:1;transform:translateX(0);}.nav-item:hover,.nav-item:focus,.nav-item.active{color:var(--text-primary);border-color:var(--accent-primary);transform:scale(1.1);}.nav-item:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary);}.nav-item.active{background:var(--accent-primary);color:white;border-color:transparent;}.nav-item.active i{color:white;opacity:1;visibility:visible;}.theme-toggle{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:1.2rem;transition:all 0.3s ease;cursor:none !important;position:relative;overflow:hidden;}.floating-nav .theme-toggle{background:var(--bg-secondary);border-style:dashed;border-color:var(--text-tertiary);opacity:0.8;}.theme-toggle:hover,.theme-toggle:focus{color:var(--accent-tertiary);border-color:var(--accent-tertiary);border-style:solid;opacity:1;transform:scale(1.1) rotate(15deg);box-shadow:0 0 20px rgba(70,255,219,0.2);}.theme-toggle:focus{outline:2px solid var(--accent-tertiary);outline-offset:2px;}.theme-toggle i{transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);}.theme-toggle.switching i{transform:rotate(360deg);}[data-theme="light"] .nav-item.active{background:var(--accent-primary);color:white;}[data-theme="light"] .nav-item.active i{color:white !important;opacity:1;visibility:visible;}[data-theme="light"] .nav-item{box-shadow:0 2px 8px rgba(0,0,0,0.05);}[data-theme="light"] .nav-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);}:root:not([data-theme="light"]) .theme-toggle i.fa-sun{color:white;}[data-theme="light"] .theme-toggle i.fa-moon{color:var(--text-primary);}:root:not([data-theme="light"]) .nav-item{box-shadow:0 2px 8px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.05);}:root:not([data-theme="light"]) .nav-item:hover{box-shadow:0 4px 16px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1),0 0 0 1px rgba(112,70,255,0.3);}@media (max-width:1399px){.floating-nav{position:fixed !important;bottom:2rem !important;right:auto !important;left:50% !important;top:auto !important;transform:translateX(-50%) !important;flex-direction:row !important;background:var(--bg-card) !important;padding:0.75rem 1rem !important;border-radius:2rem !important;border:1px solid var(--border-color) !important;box-shadow:var(--shadow-lg) !important;gap:0.75rem !important;z-index:1000 !important;}.floating-nav::before{display:none !important;}.nav-indicator{display:none !important;}.nav-item::before{display:none !important;}.nav-item,.theme-toggle{width:44px !important;height:44px !important;font-size:1rem !important;}}@media (max-width:768px){.floating-nav{position:fixed;bottom:2rem;right:auto;left:50%;top:auto;transform:translateX(-50%);flex-direction:row;background:var(--bg-card);padding:0.75rem 1rem;border-radius:2rem;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);}.floating-nav::before{display:none;}.nav-indicator{display:none;}.nav-item::before{display:none;}.nav-item,.theme-toggle{width:40px;height:40px;}}@media (prefers-reduced-motion:reduce){.nav-item{transition:none !important;}.theme-toggle i{transition:none !important;}.nav-indicator{transition:none !important;}}.button,.btn{position:relative;display:inline-block;padding:0.75rem 1.5rem;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;border:none;border-radius:0.5rem;cursor:pointer;transition:all 0.3s ease;overflow:hidden;}.btn-primary,.contact-button{position:relative;display:inline-block;padding:1rem 3rem;font-size:1.1rem;font-weight:600;color:white;background:var(--accent-primary);overflow:hidden;border-radius:0.5rem;transition:all 0.3s ease;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(112,70,255,0.4);color:white;}.contact-button span{position:relative;z-index:2;}.button-bg{position:absolute;inset:0;background:var(--gradient-primary);transition:transform 0.3s ease;}.contact-button:hover .button-bg{transform:scale(1.1);}.contact-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}.social-item{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:1.2rem;transition:all 0.3s ease;}.social-item:hover{transform:translateY(-5px) rotate(360deg);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--glow-primary);}[data-theme="light"] .contact-button{box-shadow:0 2px 8px rgba(80,70,229,0.15),inset 0 1px 0 rgba(255,255,255,0.5);}[data-theme="light"] .contact-button:hover{box-shadow:0 4px 16px rgba(80,70,229,0.25),inset 0 1px 0 rgba(255,255,255,0.5);}[data-theme="light"] .btn-primary{background:var(--accent-primary);color:white;box-shadow:0 2px 4px rgba(80,70,229,0.2);border:2px solid var(--accent-primary);}[data-theme="light"] .btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:white;box-shadow:0 4px 8px rgba(80,70,229,0.3);transform:translateY(-2px);}:root:not([data-theme="light"]) .social-item{background:linear-gradient(135deg,rgba(26,26,30,0.8),rgba(31,31,35,0.8));border:1px solid rgba(42,42,50,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.02);}:root:not([data-theme="light"]) .social-item:hover{background:linear-gradient(135deg,rgba(31,31,35,0.9),rgba(36,36,40,0.9));transform:translateY(-2px);box-shadow:0 8px 20px rgba(112,70,255,0.3),inset 0 1px 0 rgba(255,255,255,0.05);}.button:disabled,.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none !important;}.button:active,.btn:active{transform:scale(0.98);}.btn-sm{padding:0.5rem 1rem;font-size:0.875rem;}.btn-lg{padding:1.25rem 3.5rem;font-size:1.25rem;}.btn-icon{padding:0.75rem;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;}.btn-icon i{font-size:1.25rem;}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;padding:2rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;padding:2rem;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}.project-card.wide{padding:2.5rem 3rem;}.project-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.3s ease;}.project-card:hover::before{opacity:0.05;}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--accent-primary);}.about-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;padding:2rem;transition:transform 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s ease,border-color 0.2s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:260px;}.about-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.5s ease;pointer-events:none;}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--accent-primary);}.about-card:hover::before{opacity:0.05;}.contact-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all 0.3s ease;}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary);}.card-number{font-size:4rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0.15;position:absolute;top:1rem;right:1.5rem;line-height:1;}.card-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;margin-bottom:1rem;position:relative;overflow:hidden;}.card-icon::before{content:'';position:absolute;inset:2px;background:var(--bg-card);border-radius:50%;z-index:0;}.card-icon i{font-size:1.5rem;color:var(--accent-primary);position:relative;z-index:1;transition:transform 0.3s ease;}.about-card:hover .card-icon i{transform:scale(1.2) rotate(5deg);}.card-content{display:flex;flex-direction:column;gap:0.75rem;}.card-content h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);}.card-content p{color:var(--text-secondary);line-height:1.6;}.card-tech{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:1rem;}.card-hover{position:absolute;top:1rem;right:1rem;opacity:0;transition:opacity 0.3s ease;}.card-hover img{width:24px;height:24px;}.project-card:hover .card-hover{opacity:1;}.project-card.loading .card-content{opacity:0.5;}.project-card.loading::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,0.1) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;}@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}[data-theme="light"] .about-card,[data-theme="light"] .project-card{background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(248,249,250,0.93) 100%),radial-gradient(ellipse at top right,rgba(80,70,229,0.015) 0%,transparent 60%);border:1px solid rgba(228,231,235,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.04),0 0 0 1px rgba(228,231,235,0.2),inset 0 1px 0 rgba(255,255,255,0.7);position:relative;}[data-theme="light"] .contact-card{background:rgba(255,255,255,0.95);box-shadow:0 1px 3px rgba(0,0,0,0.03),inset 0 1px 0 rgba(255,255,255,0.5);}:root:not([data-theme="light"]) .project-card{background:linear-gradient(135deg,var(--bg-card),rgba(26,26,30,0.95));box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,0.02);}@media (max-width:768px){.project-card{grid-column:span 1 !important;grid-row:span 1 !important;min-height:200px;}.card{padding:1.5rem;}.card-number{font-size:3rem;}}.counter{font-weight:700;font-size:2.5rem;color:var(--text-primary);display:inline-block;position:relative;font-variant-numeric:tabular-nums;line-height:1.2;}.counter.animate-ready{opacity:0;transform:scale(0.8);}.counter.counted{opacity:1;transform:scale(1);transition:all 0.4s ease;}.counter-suffix{font-size:0.7em;color:var(--accent-primary);margin-left:0.1em;}.project-counter{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;padding:2rem;text-align:center;transition:all 0.3s ease;position:relative;overflow:hidden;}.project-counter:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--accent-primary);}.project-counter .counter{font-size:3rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.5rem;}.project-label{font-size:0.875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.1em;}.status-counter{display:flex;align-items:baseline;gap:0.5rem;}.status-number{font-size:2rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;}.stat-counter{text-align:center;}.stat-number{font-size:2.5rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:0.5rem;}.stat-label{font-size:0.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em;}@keyframes countUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.counter-animate{animation:countUp 0.6s ease-out;}@keyframes counterPulse{0%{transform:scale(1);}50%{transform:scale(1.05);}100%{transform:scale(1);}}.counter.pulse{animation:counterPulse 2s ease-in-out infinite;}.counter.loading{color:transparent;background:linear-gradient(90deg,var(--bg-card) 25%,var(--border-color) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton-loading 1s linear infinite alternate;border-radius:0.25rem;min-width:3em;}[data-theme="light"] .counter{color:var(--text-primary);}[data-theme="light"] .project-counter{background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(248,249,250,0.93) 100%);box-shadow:0 1px 3px rgba(0,0,0,0.04),0 0 0 1px rgba(228,231,235,0.2),inset 0 1px 0 rgba(255,255,255,0.7);}[data-theme="light"] .stat-number{filter:brightness(0.9);}@media (max-width:768px){.counter{font-size:2rem;}.project-counter .counter{font-size:2.5rem;}.stat-number{font-size:2rem;}.status-number{font-size:1.75rem;}}@media (prefers-reduced-motion:reduce){.counter,.counter.animate-ready,.counter.counted{animation:none;transition:none;opacity:1;transform:none;}.counter.pulse{animation:none;}}@media (hover:hover) and (pointer:fine){*{cursor:none !important;}}.cursor{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;position:fixed;pointer-events:none;z-index:99999;opacity:0.8;mix-blend-mode:difference;display:block;top:-4px;left:-4px;will-change:transform;transition:opacity 0.15s ease,transform 0.2s cubic-bezier(0.25,0.46,0.45,0.94);}.cursor-follower{width:24px;height:24px;border:1px solid var(--accent-primary);border-radius:50%;position:fixed;pointer-events:none;z-index:99998;opacity:0.3;display:block;top:-12px;left:-12px;will-change:transform;transition:opacity 0.3s cubic-bezier(0.25,0.1,0.25,1),transform 0.2s cubic-bezier(0.25,0.46,0.45,0.94);}.cursor.hover{transform:scale(1.5);opacity:1;background:white;border:2px solid var(--accent-primary);mix-blend-mode:normal;}.cursor-follower.hover{transform:scale(1.2);opacity:0.6;border-width:2px;background:rgba(112,70,255,0.1);border-color:white;}[data-theme="light"] .cursor{background:var(--accent-primary);mix-blend-mode:normal;opacity:1;box-shadow:0 0 6px rgba(80,70,229,0.4);}[data-theme="light"] .cursor.hover{background:var(--accent-primary);border:2px solid white;box-shadow:0 0 8px rgba(80,70,229,0.6);}[data-theme="light"] .cursor-follower{border-color:var(--accent-primary);opacity:0.5;}[data-theme="light"] .cursor-follower.hover{border-color:var(--accent-primary);background:rgba(80,70,229,0.1);opacity:0.7;}.cursor.click{transform:scale(0.8);opacity:0.5;}.cursor-follower.click{transform:scale(0.8);opacity:0.2;}.cursor.drag{width:16px;height:16px;background:transparent;border:2px solid var(--accent-primary);}.cursor-follower.drag{width:32px;height:32px;background:rgba(112,70,255,0.1);}.cursor.text{width:2px;height:20px;border-radius:1px;background:var(--accent-primary);mix-blend-mode:difference;}.cursor-follower.text{opacity:0;}.cursor.loading{animation:cursorSpin 1s linear infinite;}@keyframes cursorSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@media (hover:none) and (pointer:coarse){.cursor,.cursor-follower{display:none !important;}}.cursor.hidden,.cursor-follower.hidden{opacity:0 !important;transform:scale(0.5) !important;}.cursor-trail{position:fixed;width:4px;height:4px;background:var(--accent-primary);border-radius:50%;pointer-events:none;opacity:0;z-index:99997;animation:cursorTrailFade 0.5s ease-out;}@keyframes cursorTrailFade{0%{opacity:0.5;transform:scale(1);}100%{opacity:0;transform:scale(0);}}@media (prefers-reduced-motion:reduce){.cursor,.cursor-follower{transition:none;}.cursor.loading{animation:none;}}.skeleton{animation:skeleton-loading 1s linear infinite alternate;background:linear-gradient(90deg,var(--bg-card) 25%,var(--border-color) 50%,var(--bg-card) 75%);background-size:200% 100%;border-radius:0.5rem;}@keyframes skeleton-loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.skeleton-text{height:1em;margin-bottom:0.5rem;border-radius:0.25rem;}.skeleton-text:last-child{width:80%;}.skeleton-heading{height:2em;margin-bottom:1rem;width:60%;border-radius:0.25rem;}.skeleton-image{width:100%;height:200px;border-radius:1rem;}.skeleton-avatar{width:100px;height:100px;border-radius:50%;}.skeleton-button{width:120px;height:44px;border-radius:0.5rem;}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;padding:2rem;position:relative;overflow:hidden;}.spinner{display:inline-block;width:40px;height:40px;position:relative;}.spinner::after{content:'';display:block;width:32px;height:32px;margin:4px;border-radius:50%;border:3px solid var(--accent-primary);border-color:var(--accent-primary) transparent var(--accent-primary) transparent;animation:spinner-rotate 1.2s linear infinite;}@keyframes spinner-rotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.spinner-sm{width:20px;height:20px;}.spinner-sm::after{width:16px;height:16px;margin:2px;border-width:2px;}.spinner-lg{width:60px;height:60px;}.spinner-lg::after{width:48px;height:48px;margin:6px;border-width:4px;}.loading-dots{display:inline-flex;gap:0.25rem;}.loading-dots span{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;animation:loading-dots-bounce 1.4s ease-in-out infinite both;}.loading-dots span:nth-child(1){animation-delay:-0.32s;}.loading-dots span:nth-child(2){animation-delay:-0.16s;}@keyframes loading-dots-bounce{0%,80%,100%{transform:scale(0);opacity:0.5;}40%{transform:scale(1);opacity:1;}}.progress{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;position:relative;}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width 0.3s ease;}.progress-indeterminate .progress-bar{width:30%;animation:progress-indeterminate 1.5s ease-in-out infinite;}@keyframes progress-indeterminate{0%{transform:translateX(-100%);}100%{transform:translateX(400%);}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}.loading-overlay.active{opacity:1;pointer-events:auto;}.loading-content{text-align:center;color:white;}.loading-content .spinner{margin:0 auto 1rem;}.loading-text{font-size:1.125rem;margin-bottom:0.5rem;}.loading-subtext{font-size:0.875rem;color:rgba(255,255,255,0.7);}.shimmer{position:relative;overflow:hidden;}.shimmer::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.1) 50%,transparent 100%);animation:shimmer-slide 2s infinite;}@keyframes shimmer-slide{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}.card.loading{pointer-events:none;}.card.loading > *{opacity:0.5;}.card.loading::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,0.1) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:inherit;}@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}[data-theme="light"] .skeleton{background:linear-gradient(90deg,var(--bg-primary) 25%,rgba(228,231,235,0.5) 50%,var(--bg-primary) 75%);}[data-theme="light"] .loading-overlay{background:rgba(255,255,255,0.9);}[data-theme="light"] .loading-content{color:var(--text-primary);}[data-theme="light"] .loading-subtext{color:var(--text-secondary);}@media (prefers-reduced-motion:reduce){.skeleton,.spinner::after,.loading-dots span,.progress-indeterminate .progress-bar,.shimmer::before,.card.loading::after{animation:none;}.loading-overlay{transition:none;}}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}.modal.active{display:flex;align-items:center;justify-content:center;}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:modalFadeIn 0.3s ease;box-shadow:var(--shadow-xl);}@keyframes modalFadeIn{from{opacity:0;transform:scale(0.95) translateY(20px);}to{opacity:1;transform:scale(1) translateY(0);}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0.5rem;border-radius:0.5rem;transition:all 0.2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary);transform:rotate(90deg);}.modal-body{color:var(--text-secondary);line-height:1.6;}.modal-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem;}.tech-modal-content{display:grid;gap:1rem;}.tech-category{margin-bottom:1.5rem;}.tech-category h4{font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--accent-primary);margin-bottom:0.75rem;}.tech-list{display:flex;flex-wrap:wrap;gap:0.5rem;}.tech-item{background:var(--bg-secondary);border:1px solid var(--border-color);padding:0.5rem 1rem;border-radius:0.5rem;font-size:0.875rem;color:var(--text-secondary);transition:all 0.2s ease;}.tech-item:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm);}[data-theme="light"] .modal{background-color:rgba(255,255,255,0.8);}[data-theme="light"] .modal-content{background:rgba(255,255,255,0.98);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);}[data-theme="light"] .tech-item{background:var(--bg-primary);}@media (max-width:768px){.modal-content{padding:1.5rem;width:95%;margin:1rem;}.modal-header{flex-direction:column;align-items:flex-start;gap:1rem;}.modal-close{position:absolute;top:1rem;right:1rem;}}.modal-content::-webkit-scrollbar{width:8px;}.modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px;}.modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);}.tooltip{position:relative;display:inline-block;}.tooltip::before,.tooltip::after{position:absolute;opacity:0;pointer-events:none;transition:all 0.3s ease;z-index:1000;}.tooltip::before{content:attr(data-tooltip);background:var(--bg-card);color:var(--text-primary);padding:0.5rem 1rem;border-radius:0.5rem;border:1px solid var(--border-color);font-size:0.875rem;white-space:nowrap;box-shadow:var(--shadow-md);}.tooltip::after{content:'';width:0;height:0;border:5px solid transparent;}.tooltip:hover::before,.tooltip:hover::after{opacity:1;}.tooltip::before{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(5px);}.tooltip:hover::before{transform:translateX(-50%) translateY(0);}.tooltip::after{bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);border-top-color:var(--border-color);}.tooltip-right::before{bottom:auto;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(-5px);}.tooltip-right:hover::before{transform:translateY(-50%) translateX(0);}.tooltip-right::after{bottom:auto;left:calc(100% + 5px);top:50%;transform:translateY(-50%);border-right-color:var(--border-color);border-top-color:transparent;}.tooltip-bottom::before{bottom:auto;top:calc(100% + 10px);transform:translateX(-50%) translateY(-5px);}.tooltip-bottom:hover::before{transform:translateX(-50%) translateY(0);}.tooltip-bottom::after{bottom:auto;top:calc(100% + 5px);border-bottom-color:var(--border-color);border-top-color:transparent;}.tooltip-left::before{bottom:auto;left:auto;right:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(5px);}.tooltip-left:hover::before{transform:translateY(-50%) translateX(0);}.tooltip-left::after{bottom:auto;left:auto;right:calc(100% + 5px);top:50%;transform:translateY(-50%);border-left-color:var(--border-color);border-top-color:transparent;}.nav-item{position:relative;overflow:hidden;}.nav-item::before{content:attr(data-tooltip);position:absolute;right:70px;white-space:nowrap;background:var(--bg-card);padding:0.5rem 1rem;border-radius:0.5rem;border:1px solid var(--border-color);font-size:0.875rem;opacity:0;transform:translateX(10px);transition:all 0.3s ease;pointer-events:none;}.nav-item:hover::before{opacity:1;transform:translateX(0);}.orbit-tooltip{position:fixed;background:var(--accent-primary);color:white;padding:0.3rem 0.6rem;border-radius:0.25rem;font-size:0.75rem;font-weight:700;font-family:'JetBrains Mono',monospace;white-space:nowrap;text-transform:uppercase;letter-spacing:0.08em;box-shadow:0 4px 20px rgba(112,70,255,0.4);opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:10000;}.orbit-tooltip.active{opacity:1;animation:tooltip-glitch-shadow 0.3s infinite;}@keyframes tooltip-glitch-shadow{0%,100%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}20%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}40%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}60%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}80%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}}.tooltip-rich{position:relative;}.tooltip-content{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(5px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:0.75rem;padding:1rem;min-width:200px;max-width:300px;opacity:0;pointer-events:none;transition:all 0.3s ease;box-shadow:var(--shadow-lg);z-index:1000;}.tooltip-rich:hover .tooltip-content{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}[data-theme="light"] .tooltip::before,[data-theme="light"] .nav-item::before,[data-theme="light"] .tooltip-content{background:rgba(255,255,255,0.98);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);}[data-theme="light"] .orbit-tooltip{box-shadow:0 4px 20px rgba(80,70,229,0.3);}@media (max-width:768px){.tooltip::before,.tooltip::after{display:none;}.orbit-tooltip{font-size:0.625rem;padding:0.25rem 0.5rem;}}@media (prefers-reduced-motion:reduce){.tooltip::before,.tooltip::after,.nav-item::before,.orbit-tooltip,.tooltip-content{transition:none;animation:none;}}.hero-bento{height:100vh;padding:2rem;display:flex;flex-direction:row;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;}.bento-container{max-width:1400px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:1.25rem;padding:2rem;position:relative;z-index:2;margin:0 auto;}.bento-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.75rem;transition:transform 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s ease,border-color 0.2s ease;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;}.bento-item::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;}.bento-item::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);transform:translateX(-100%);transition:transform 0.6s ease;}.bento-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--accent-primary);}.bento-item:hover::after{transform:translateX(100%);}.bento-item:hover::before{opacity:0.08;}.bento-photo{grid-column:span 3;grid-row:span 2;display:flex;align-items:center;justify-content:center;padding:0;position:relative;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));overflow:visible;min-height:380px;}.bento-photo::before{content:'';position:absolute;inset:2px;background:var(--bg-primary);border-radius:1.5rem;z-index:0;}.bento-photo::after{content:'';position:absolute;inset:-20px;background:radial-gradient(circle at center,var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.5s ease;z-index:-1;filter:blur(40px);}.bento-photo:hover::after{opacity:0.4;}.bento-hero{grid-column:span 6;grid-row:span 2;display:flex;flex-direction:column;justify-content:center;padding:2.5rem;position:relative;}.bento-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;border-radius:inherit;}.bento-hero:hover::before{opacity:0.08;}.bento-status{grid-column:span 2;grid-row:span 1;height:180px;}.bento-stats{grid-column:span 2;grid-row:span 1;display:flex;flex-direction:column;justify-content:space-around;height:180px;}.bento-tech{grid-column:span 5;grid-row:span 1;padding:1.5rem;display:flex;align-items:center;position:relative;overflow:hidden;}.bento-tech::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(112,70,255,0.03) 10px,rgba(112,70,255,0.03) 20px);pointer-events:none;opacity:0;transition:opacity 0.3s ease;}.bento-tech:hover::before{opacity:1;}.bento-focus{grid-column:span 5;grid-row:span 1;}.photo-frame{position:relative;width:180px;height:180px;z-index:2;background:linear-gradient(135deg,rgba(112,70,255,0.8) 0%,rgba(255,70,120,0.6) 50%,rgba(70,255,219,0.8) 100%);padding:6px;border-radius:50%;overflow:visible;animation:subtle-glow 4s ease-in-out infinite;transition:border-radius 0.5s ease,transform 0.5s cubic-bezier(0.4,0,0.2,1);}@keyframes subtle-glow{0%,100%{box-shadow:0 0 30px rgba(112,70,255,0.4),0 0 60px rgba(255,70,120,0.3),0 0 90px rgba(70,255,219,0.2),inset 0 0 20px rgba(112,70,255,0.1);}50%{box-shadow:0 0 40px rgba(112,70,255,0.5),0 0 80px rgba(255,70,120,0.4),0 0 120px rgba(70,255,219,0.3),inset 0 0 30px rgba(112,70,255,0.15);}}.profile-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:1;filter:saturate(1.1) contrast(1.05);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);transform-origin:center center;box-shadow:0 15px 50px -12px rgba(112,70,255,0.25);}.bento-photo:hover .profile-photo{filter:saturate(1.2) contrast(1.1) brightness(1.05);transform:scale(1.08);box-shadow:0 20px 60px -15px rgba(112,70,255,0.5),0 10px 40px -10px rgba(255,70,120,0.3);animation:morph-unified 3s ease-in-out infinite;}.bento-photo:hover .photo-frame{transform:scale(1.08);animation:subtle-glow 4s ease-in-out infinite,morph-unified 3s ease-in-out infinite;box-shadow:0 0 50px rgba(112,70,255,0.6),0 0 100px rgba(255,70,120,0.5),0 0 150px rgba(70,255,219,0.4),inset 0 0 40px rgba(112,70,255,0.2);}.photo-ring{position:absolute;inset:-12px;border-radius:50%;opacity:0;z-index:1;transition:opacity 0.5s ease;}.photo-ring::before{content:'';position:absolute;inset:0;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary),var(--accent-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:10;}.photo-ring::after{content:'';position:absolute;inset:-8px;border-radius:50%;padding:3px;background:conic-gradient(from 180deg,var(--accent-secondary),var(--accent-tertiary),var(--accent-primary),var(--accent-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0.7;}.bento-photo:hover .photo-ring{opacity:0.8;}.bento-photo:hover .photo-ring::before{animation:rotate-ring 3s linear infinite,morph-main 4s ease-in-out infinite;}.bento-photo:hover .photo-ring::after{animation:rotate-ring 4s linear infinite reverse,morph-outer 5s ease-in-out infinite;}@keyframes rotate-ring{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes morph-main{0%,100%{border-radius:50%;transform:rotate(0deg) scale(1);}25%{border-radius:42% 58% 45% 55% / 55% 45% 55% 45%;transform:rotate(90deg) scale(1.02);}50%{border-radius:58% 42% 55% 45% / 45% 55% 45% 55%;transform:rotate(180deg) scale(0.98);}75%{border-radius:45% 55% 42% 58% / 58% 42% 58% 42%;transform:rotate(270deg) scale(1.01);}}@keyframes morph-outer{0%,100%{border-radius:50%;transform:rotate(0deg) scale(1);}20%{border-radius:40% 60% 45% 55% / 60% 40% 60% 40%;transform:rotate(-72deg) scale(1.03);}40%{border-radius:60% 40% 55% 45% / 40% 60% 40% 60%;transform:rotate(-144deg) scale(0.97);}60%{border-radius:45% 55% 40% 60% / 55% 45% 55% 45%;transform:rotate(-216deg) scale(1.02);}80%{border-radius:55% 45% 60% 40% / 45% 55% 45% 55%;transform:rotate(-288deg) scale(0.99);}}@keyframes morph-unified{0%,100%{border-radius:50%;}20%{border-radius:42% 58% 41% 59% / 58% 42% 58% 42%;}40%{border-radius:58% 42% 59% 41% / 42% 58% 42% 58%;}60%{border-radius:41% 59% 40% 60% / 59% 41% 59% 41%;}80%{border-radius:60% 40% 58% 42% / 40% 60% 40% 60%;}}@keyframes pulse-ring{0%{transform:scale(1);opacity:0.5;}50%{transform:scale(1.1);opacity:0.3;}100%{transform:scale(1);opacity:0.5;}}.hero-badge{display:inline-block;padding:0.5rem 1rem;background:rgba(91,255,211,0.1);color:var(--accent-tertiary);border:1px solid var(--accent-tertiary);border-radius:2rem;font-size:0.875rem;font-weight:500;margin-bottom:1.5rem;animation:pulse 2s infinite;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.7;}}.hero-name{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:0.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-primary) 25%,var(--accent-secondary) 50%,var(--accent-tertiary) 75%,var(--text-primary) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:gradientShift 4s ease-in-out infinite;filter:drop-shadow(0 2px 10px rgba(112,70,255,0.3));line-height:1.1;}@keyframes gradientShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}.hero-tagline{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5;}.link-arrow{display:inline-flex;align-items:center;gap:0.5rem;color:var(--text-primary);font-weight:500;transition:all 0.3s ease;padding:0.75rem 1.5rem;border-radius:0.5rem;background:var(--bg-card);border:1px solid var(--border-color);text-decoration:none;}.link-arrow i{transition:transform 0.3s ease;}.link-arrow:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md);}.link-arrow:hover i{transform:translateX(5px);}.hero-links{display:flex;gap:1rem;flex-wrap:wrap;}.hero-links a{color:var(--text-primary);text-decoration:none;padding:0.5rem 1rem;border:1px solid var(--border-color);border-radius:0.5rem;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:0.5rem;}.hero-links a:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);}[data-theme="light"] .bento-photo{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));}[data-theme="light"] .bento-hero{background:rgba(240,240,242,0.95);position:relative;}[data-theme="light"] .bento-hero:hover{background:rgba(240,240,242,0.95) !important;}[data-theme="light"] .bento-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;border-radius:inherit;}[data-theme="light"] .bento-hero:hover::before{opacity:0.08;}[data-theme="light"] .bento-status,[data-theme="light"] .bento-stats{background:rgba(240,240,242,0.95);}[data-theme="light"] .bento-tech{background:rgba(240,240,242,0.95);}[data-theme="light"] .bento-tech:hover{background-image:linear-gradient(45deg,rgba(80,70,229,0.03) 25%,transparent 25%,transparent 75%,rgba(80,70,229,0.03) 75%,rgba(80,70,229,0.03)),linear-gradient(45deg,rgba(80,70,229,0.03) 25%,transparent 25%,transparent 75%,rgba(80,70,229,0.03) 75%,rgba(80,70,229,0.03));background-size:20px 20px;background-position:0 0,10px 10px;}[data-theme="light"] .bento-status:hover,[data-theme="light"] .bento-stats:hover,[data-theme="light"] .bento-tech:hover,[data-theme="light"] .bento-focus:hover{background:rgba(240,240,242,0.95) !important;}[data-theme="light"] .bento-focus{padding:1.5rem;}[data-theme="light"] .photo-frame{background:linear-gradient(135deg,rgba(80,70,229,0.9) 0%,rgba(229,72,77,0.8) 50%,rgba(0,179,136,0.9) 100%);box-shadow:0 0 40px rgba(80,70,229,0.3),0 0 80px rgba(229,72,77,0.2),0 0 120px rgba(0,179,136,0.15),0 10px 30px rgba(0,0,0,0.1),inset 0 0 30px rgba(80,70,229,0.2);}[data-theme="light"] .bento-photo:hover .photo-frame{box-shadow:0 0 60px rgba(80,70,229,0.5),0 0 120px rgba(229,72,77,0.4),0 0 180px rgba(0,179,136,0.3),0 15px 40px rgba(0,0,0,0.15),inset 0 0 50px rgba(80,70,229,0.25);}[data-theme="light"] @keyframes subtle-glow{0%,100%{box-shadow:0 0 40px rgba(80,70,229,0.3),0 0 80px rgba(229,72,77,0.2),0 0 120px rgba(0,179,136,0.15),0 10px 30px rgba(0,0,0,0.1),inset 0 0 30px rgba(80,70,229,0.2);}50%{box-shadow:0 0 50px rgba(80,70,229,0.4),0 0 100px rgba(229,72,77,0.3),0 0 150px rgba(0,179,136,0.2),0 15px 40px rgba(0,0,0,0.12),inset 0 0 40px rgba(80,70,229,0.25);}}[data-theme="light"] .photo-ring::before,[data-theme="light"] .photo-ring::after{filter:brightness(1.1) saturate(1.2);}[data-theme="light"] .bento-photo:hover .photo-ring{opacity:0.9;}[data-theme="light"] .hero-tagline{color:var(--text-secondary);}[data-theme="light"] .hero-links a{color:var(--text-primary);}[data-theme="light"] .link-arrow{background:rgba(255,255,255,0.95);border-color:rgba(228,231,235,0.9);color:var(--text-primary);}[data-theme="light"] .link-arrow:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:white !important;box-shadow:0 4px 12px rgba(80,70,229,0.25);}[data-theme="light"] .link-arrow:hover span{color:white !important;}@media (max-width:1024px){.bento-container{grid-template-columns:repeat(6,1fr);}.bento-photo,.bento-hero,.bento-status,.bento-stats,.bento-tech,.bento-focus{grid-column:1 / -1 !important;grid-row:span 1 !important;}}@media (max-width:768px){.hero-bento{padding:1rem;}.bento-container{padding:1rem;gap:1rem;}.hero-name{font-size:2.5rem;}.hero-role{font-size:1.5rem;}}@media (max-width:480px){.bento-container{grid-template-columns:1fr;}.bento-photo,.bento-hero,.bento-status,.bento-stats,.bento-tech,.bento-focus{grid-column:span 1;}.hero-name{font-size:2rem;}.hero-role{font-size:1.25rem;}}.work-section{padding:6rem 2rem;background:var(--bg-primary);scroll-snap-align:start;scroll-snap-stop:always;height:100vh;}.work-container{max-width:1200px;margin:0 auto;}.work-header{margin-bottom:4rem;}.project-showcase{margin-bottom:6rem;margin-top:4rem;}.featured-project{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:6rem;align-items:center;}.project-image-wrapper{position:relative;overflow:hidden;border-radius:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);}.project-image{width:100%;height:auto;display:block;transition:transform 0.5s ease;}.project-image-wrapper:hover .project-image{transform:scale(1.05);}.project-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.project-image-wrapper:hover .project-overlay{opacity:1;}.project-cta{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;background:var(--accent-primary);color:white;border-radius:0.5rem;font-weight:500;transform:translateY(20px);transition:all 0.3s ease;}.project-image-wrapper:hover .project-cta{transform:translateY(0);}.project-cta:hover{background:var(--accent-hover);}.project-info{display:flex;flex-direction:column;gap:1.5rem;}.project-year{font-size:0.875rem;color:var(--accent-primary);font-weight:500;font-family:'JetBrains Mono',monospace;}.project-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);}.project-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;}.project-stack{display:flex;gap:1rem;flex-wrap:wrap;}.stack-item{padding:0.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:0.5rem;font-size:0.875rem;color:var(--text-secondary);transition:all 0.3s ease;}.stack-item:hover{border-color:var(--accent-primary);color:var(--accent-primary);}.projects-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:2rem;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto;}.projects-bento.single-project{display:none;}.project-card.wide{padding:2.5rem 3rem;}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;padding:2rem;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}.project-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;}.project-card.large{grid-column:span 2;grid-row:span 1;}.project-card.vertical{grid-column:span 1;grid-row:span 2;}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--accent-primary);}.project-card:hover h3{animation:title-glitch 0.3s ease-in-out;}@keyframes title-glitch{0%,100%{text-shadow:none;}25%{text-shadow:-2px 0 #f0f,2px 0 #0ff;}50%{text-shadow:2px -2px #f0f,-2px 2px #0ff;}75%{text-shadow:-2px -2px #f0f,2px 2px #0ff;}}.project-card:hover::before{opacity:0.08;}.project-number{font-size:4rem;font-weight:800;color:var(--accent-primary);opacity:0.15;position:absolute;top:1rem;right:2rem;font-family:'JetBrains Mono',monospace;z-index:1;}.card-content{position:relative;z-index:2;}.card-content h3{font-size:1.5rem;margin-bottom:0.5rem;color:var(--text-primary);margin-right:3rem;}.card-content p{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;}.card-tech{font-size:0.875rem;color:var(--text-tertiary);font-family:'JetBrains Mono',monospace;}.card-hover{position:absolute;inset:0;opacity:0;transition:opacity 0.3s ease;}.card-hover img{width:100%;height:100%;object-fit:cover;}.project-card:hover .card-hover{opacity:0.2;}.showcase-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;min-height:500px;}.showcase-content{max-width:600px;}.project-label{font-size:0.875rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem;font-weight:600;}.showcase-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.showcase-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem;}.showcase-tech{display:flex;gap:0.75rem;flex-wrap:wrap;margin-bottom:2rem;}.tech-tag{padding:0.5rem 1rem;background:rgba(112,70,255,0.1);border:1px solid var(--accent-primary);border-radius:2rem;font-size:0.875rem;color:var(--accent-primary);font-weight:500;}.showcase-links{display:flex;gap:1rem;}.showcase-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:var(--accent-primary);color:white;border-radius:0.5rem;font-weight:500;text-decoration:none;transition:all 0.3s ease;}.showcase-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}.showcase-link.secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);}.showcase-link.secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);}.showcase-preview{position:relative;overflow:hidden;border-radius:1.5rem;box-shadow:var(--shadow-xl);}.showcase-preview img{width:100%;height:auto;display:block;}.showcase-browser{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;overflow:hidden;}.browser-header{background:var(--bg-secondary);padding:1rem;display:flex;align-items:center;gap:0.5rem;border-bottom:1px solid var(--border-color);}.browser-dots{display:flex;gap:0.5rem;}.browser-dot{width:12px;height:12px;border-radius:50%;background:var(--text-tertiary);opacity:0.3;}.browser-dot:nth-child(1){background:#ff5f57;opacity:1;}.browser-dot:nth-child(2){background:#ffbd2e;opacity:1;}.browser-dot:nth-child(3){background:#28ca42;opacity:1;}.browser-content{background:var(--bg-primary);padding:2rem;}[data-theme="light"] .work-section{background:var(--bg-primary);}[data-theme="light"] .project-card{background:rgba(240,240,242,0.95);}[data-theme="light"] .project-card:hover{background:rgba(240,240,242,0.95);}[data-theme="light"] .stack-item{background:rgba(240,240,242,0.95);}[data-theme="light"] .tech-tag{background:rgba(80,70,229,0.1);}[data-theme="light"] .showcase-link.secondary{background:rgba(240,240,242,0.95);}[data-theme="light"] .showcase-browser{background:rgba(240,240,242,0.95);}[data-theme="light"] .browser-header{background:rgba(230,230,232,0.95);}@media (max-width:1200px){.projects-bento{grid-template-columns:repeat(2,1fr);}.project-card.large{grid-column:span 2;}}@media (max-width:768px){.work-section{padding:4rem 1rem;height:auto;}.featured-project{grid-template-columns:1fr;gap:2rem;}.projects-bento{grid-template-columns:1fr;gap:1.5rem;}.project-card.large,.project-card.vertical{grid-column:span 1;grid-row:span 1;}.showcase-hero{grid-template-columns:1fr;gap:2rem;}.showcase-title{font-size:2rem;}}@media (max-width:480px){.project-title{font-size:1.75rem;}.showcase-links{flex-direction:column;}.showcase-link{width:100%;justify-content:center;}}.skills-section{padding:6rem 2rem;background:var(--bg-secondary);scroll-snap-align:start;scroll-snap-stop:always;height:100vh;}.skills-container{max-width:1200px;margin:0 auto;width:100%;}.skills-orbit-container{text-align:center;padding:2rem 0;position:relative;}.orbit-title{font-size:2rem;margin-bottom:4rem;color:var(--text-primary);}.orbit-system{position:relative;width:500px;height:480px;margin:0 auto;}.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85px;height:85px;background:var(--bg-card);border:2px solid var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem;color:var(--accent-primary);z-index:2;transition:all 0.3s ease;pointer-events:auto;animation:pulse-glow 2s ease-in-out infinite;}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(112,70,255,0.3);}50%{box-shadow:0 0 30px rgba(112,70,255,0.5);}}.orbit-center:hover,.orbit-center.is-pinned{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 40px rgba(112,70,255,0.8),inset 0 0 20px rgba(112,70,255,0.3);background:var(--accent-primary);color:white;border-color:var(--accent-secondary);}.orbit-center.is-pinned{animation:none;cursor:pointer;}.orbit-item.is-active{transform:scale(1.1);z-index:3;}.orbit{position:absolute;border:2px dashed rgba(112,70,255,0.3);border-radius:50%;animation:rotate 20s linear infinite;pointer-events:none;}.orbit-1{width:280px;height:280px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:rgba(112,70,255,0.4);}.orbit-2{width:460px;height:460px;top:50%;left:50%;transform:translate(-50%,-50%);animation-duration:30s;animation-direction:reverse;border-color:rgba(255,70,151,0.4);}@keyframes rotate{from{transform:translate(-50%,-50%) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(360deg);}}.orbit-item{position:absolute;width:54px;height:54px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-secondary);transition:all 0.3s ease;animation:counter-rotate 20s linear infinite;z-index:5;pointer-events:auto;}.orbit-1 .orbit-item{z-index:10;}.orbit-2 .orbit-item{animation-duration:30s;animation-direction:reverse;z-index:5;}@keyframes counter-rotate{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}.orbit-item i{pointer-events:none;}.orbit-item::before{content:'';position:absolute;inset:-5px;border-radius:50%;opacity:0;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%);transition:opacity 0.3s ease;z-index:-1;}.orbit-item:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 20px rgba(112,70,255,0.6);z-index:100;}.orbit-item:hover::before{opacity:0.5;}.orbit-tooltip{position:fixed;background:var(--accent-primary);color:white;padding:0.3rem 0.6rem;border-radius:0.25rem;font-size:0.75rem;font-weight:700;font-family:'JetBrains Mono',monospace;white-space:nowrap;text-transform:uppercase;letter-spacing:0.08em;box-shadow:0 4px 20px rgba(112,70,255,0.4);opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:10000;}.orbit-tooltip.active{opacity:1;animation:tooltip-glitch-shadow 0.3s infinite;}@keyframes tooltip-glitch-shadow{0%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}20%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}40%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}60%{text-shadow:0 2px #ff0080,0 -2px #00ffff,0 0 10px rgba(112,70,255,0.8);}80%{text-shadow:0 -2px #ff0080,0 2px #00ffff,0 0 10px rgba(112,70,255,0.8);}100%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}}.orbit-tooltip.glitch::before,.orbit-tooltip.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;padding:0.3rem 0.6rem;color:white;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0.8;}.orbit-tooltip.glitch::before{animation:glitch-1 0.3s infinite;clip:rect(44px,450px,56px,0);}.orbit-tooltip.glitch::after{animation:glitch-2 0.3s infinite;clip:rect(44px,450px,56px,0);}@keyframes glitch{0%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}20%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}40%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}60%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}80%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}100%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}}@keyframes flicker{0%,100%{opacity:1;}50%{opacity:0.8;}}.glitch{position:relative;}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.glitch::before{animation:glitch-1 6s infinite;clip:rect(44px,450px,56px,0);opacity:0.7;}.glitch::after{animation:glitch-2 6s infinite;clip:rect(44px,450px,56px,0);opacity:0.7;}@keyframes glitch-1{0%,90%{clip:rect(0,0,0,0);opacity:0;}91%{clip:rect(132px,350px,101px,30px);opacity:0.5;}92%{clip:rect(28px,410px,66px,0);opacity:0.5;}93%{clip:rect(59px,450px,31px,0);opacity:0.5;}94%{clip:rect(0,0,0,0);opacity:0;}100%{clip:rect(0,0,0,0);opacity:0;}}@keyframes glitch-2{0%,92%{clip:rect(0,0,0,0);transform:translateX(0);opacity:0;}93%{clip:rect(65px,450px,119px,0);transform:translateX(-1px);opacity:0.5;}94%{clip:rect(75px,430px,15px,0);transform:translateX(1px);opacity:0.5;}95%{clip:rect(113px,450px,25px,0);transform:translateX(-1px);opacity:0.5;}96%{clip:rect(0,0,0,0);transform:translateX(0);opacity:0;}100%{clip:rect(0,0,0,0);transform:translateX(0);opacity:0;}}[data-theme="light"] .skills-section{background:var(--bg-secondary);}[data-theme="light"] .orbit{border-color:rgba(0,0,0,0.1);}[data-theme="light"] .orbit-center{background:rgba(240,240,242,0.95);}[data-theme="light"] .orbit-item{background:rgba(240,240,242,0.95);}@media (max-width:768px){.skills-section{padding:4rem 1rem;height:auto;}.orbit-system{width:350px;height:350px;}.orbit-1{width:200px;height:200px;}.orbit-2{width:320px;height:320px;}.orbit-center{width:70px;height:70px;font-size:0.75rem;}.orbit-item{width:45px;height:45px;font-size:1.25rem;}}@media (max-width:480px){.orbit-system{width:280px;height:280px;}.orbit-1{width:160px;height:160px;}.orbit-2{width:260px;height:260px;}.orbit-center{width:60px;height:60px;font-size:0.7rem;}.orbit-item{width:40px;height:40px;font-size:1.1rem;}}.status-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.25rem;font-size:0.875rem;color:#10b981;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;background:linear-gradient(90deg,transparent,rgba(16,185,129,0.1),transparent);padding:0.5rem;margin:-0.5rem -0.5rem 0.75rem -0.5rem;border-radius:0.5rem;}.status-dot{width:10px;height:10px;background:#10b981;border-radius:50%;animation:pulse-glow 2s ease-in-out infinite;box-shadow:0 0 0 3px rgba(16,185,129,0.3),0 0 15px rgba(16,185,129,0.6),0 0 25px rgba(16,185,129,0.4);position:relative;}@keyframes pulse-glow{0%,100%{opacity:1;box-shadow:0 0 0 2px rgba(16,185,129,0.2),0 0 10px rgba(16,185,129,0.4);}50%{opacity:0.8;box-shadow:0 0 0 3px rgba(16,185,129,0.15),0 0 20px rgba(16,185,129,0.6);}}.status-time{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:0.75rem;font-family:'JetBrains Mono',monospace;letter-spacing:-0.02em;line-height:1;transition:color 0.3s ease;}.status-location{font-size:0.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:0.25rem;font-weight:400;white-space:nowrap;}.status-location::before{content:'📍';font-size:0.7rem;opacity:0.7;}.status-content{}.bento-status:hover .status-time{color:var(--accent-primary);}.bento-status:hover .status-dot{animation-duration:1s;}.stat-item{text-align:center;position:relative;}.stat-number{font-size:2rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;font-family:'JetBrains Mono',monospace;letter-spacing:-0.05em;line-height:1;position:relative;}.stat-item::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:80%;height:2px;background:var(--accent-primary);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}.stat-item:hover::before{transform:translateX(-50%) scaleX(1);}.stat-item:hover .stat-number{animation:tech-glitch 0.3s ease-in-out;}.stat-number.counting{}@keyframes text-glitch{0%,100%{text-shadow:0.02em 0 #f0f,-0.02em -0 #0ff,0.01em -0 #f0f;}15%{text-shadow:0.5em 0 #f0f,-0.5em -0 #0ff,0.25em -0 #f0f;}20%,80%{text-shadow:0.02em 0 #f0f,-0.02em -0 #0ff,0.01em -0 #f0f;}85%{text-shadow:-0.5em 0 #f0f,0.5em -0 #0ff,-0.25em -0 #f0f;}}@keyframes tech-glitch{0%,100%{transform:skew(0deg);}10%{transform:skew(-2deg);}20%{transform:skew(2deg);}30%{transform:skew(0deg);}40%{transform:skew(1deg);}50%{transform:skew(-1deg);}60%{transform:skew(0deg);}}.stat-label{font-size:0.875rem;color:var(--text-tertiary);}.tech-slider{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);position:relative;padding:0.5rem 0;}.tech-slider::before,.tech-slider::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none;}.tech-slider::before{left:0;background:linear-gradient(to right,var(--bg-card),transparent);}.tech-slider::after{right:0;background:linear-gradient(to left,var(--bg-card),transparent);}.tech-track{display:flex;gap:2rem;animation:scroll 10s linear infinite;width:fit-content;}.bento-tech:hover .tech-track{animation-play-state:paused;}@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}.tech-item{display:flex;align-items:center;gap:0.5rem;white-space:nowrap;font-size:1rem;color:var(--text-secondary);transition:all 0.3s ease;padding:0.5rem 1rem;background:rgba(112,70,255,0.1);border-radius:1rem;border:1px solid transparent;}.tech-item:hover{color:var(--accent-primary);background:rgba(112,70,255,0.2);border-color:var(--accent-primary);transform:scale(1.05);}.tech-item i{font-size:1.25rem;color:var(--accent-primary);}.focus-content{display:flex;flex-direction:column;justify-content:center;height:100%;}.focus-label{font-size:0.875rem;color:var(--text-tertiary);margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;}.focus-text{font-size:1.1rem;color:var(--text-primary);line-height:1.6;font-weight:500;}.focus-highlight{color:var(--accent-primary);font-weight:700;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-links{display:flex;gap:1rem;flex-wrap:wrap;}.hero-links a{color:var(--text-primary);text-decoration:none;padding:0.5rem 1rem;border:1px solid var(--border-color);border-radius:0.5rem;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:0.5rem;}.hero-links a:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);}[data-theme="light"] .status-header{background:linear-gradient(90deg,transparent,rgba(16,185,129,0.08),transparent);}[data-theme="light"] .tech-item{background:rgba(80,70,229,0.08);}[data-theme="light"] .tech-item:hover{background:rgba(80,70,229,0.15);}@media (max-width:768px){.status-time{font-size:1.5rem;}.stat-number{font-size:1.75rem;}.tech-track{animation-duration:15s;}}@media (max-width:480px){.status-header{font-size:0.75rem;}.status-time{font-size:1.25rem;}.status-location{font-size:0.75rem;}.stat-number{font-size:1.5rem;}.tech-item{font-size:0.875rem;padding:0.375rem 0.75rem;}.tech-item i{font-size:1rem;}}.contact-section{padding:6rem 2rem;background:var(--bg-primary);scroll-snap-align:start;scroll-snap-stop:always;height:100vh;}.contact-container{max-width:1200px;margin:0 auto;}.contact-header{margin-bottom:4rem;}.contact-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,200px);gap:1.5rem;}.contact-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;padding:2rem;transition:all 0.3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:0;overflow-wrap:anywhere;}.contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary);}.contact-main{grid-column:span 2;grid-row:span 2;padding:3rem;}.contact-heading{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;}.contact-subheading{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.8;}.contact-button{position:relative;display:inline-block;padding:1rem 3rem;font-size:1.1rem;font-weight:600;color:white;overflow:hidden;border-radius:0.5rem;transition:all 0.3s ease;}.contact-button span{position:relative;z-index:2;}.button-bg{position:absolute;inset:0;background:var(--gradient-primary);transition:transform 0.3s ease;}.contact-button:hover .button-bg{transform:scale(1.1);}.contact-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}.contact-email,.contact-location{gap:1rem;}.contact-email i,.contact-location i{font-size:1.5rem;color:var(--accent-primary);}.contact-email h3,.contact-location h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:0.5rem;}.contact-email p,.contact-email span,.contact-location p,.contact-location span{font-size:clamp(0.75rem,1.6vw,0.9rem);color:var(--text-secondary);overflow-wrap:anywhere;word-break:break-word;max-width:100%;line-height:1.4;}.contact-social{grid-column:span 2;flex-direction:column;gap:1rem;}.social-title{font-size:0.875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.5rem;}.social-links{display:flex;gap:1rem;}.social-item{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:1.2rem;transition:all 0.3s ease;}.social-item:hover{transform:translateY(-5px) rotate(360deg);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--glow-primary);}.footer{background:var(--bg-primary);padding:3rem 2rem;border-top:1px solid var(--border-color);}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}.footer-text p{margin:0;color:var(--text-tertiary);}.footer-tagline{font-size:0.875rem;margin-top:0.5rem;}.heart{color:var(--accent-secondary);animation:heartbeat 1.5s ease-in-out infinite;}@keyframes heartbeat{0%,100%{transform:scale(1);}50%{transform:scale(1.2);}}.coffee{color:var(--accent-tertiary);}.footer-time{font-family:'JetBrains Mono',monospace;color:var(--text-secondary);font-size:0.875rem;}.contact-bento .animate-in{animation-duration:0.8s;}[data-theme="light"] .contact-section{background:var(--bg-primary);}[data-theme="light"] .contact-card{background:rgba(240,240,242,0.95);}[data-theme="light"] .contact-card:hover{background:rgba(240,240,242,0.95);border-color:var(--accent-primary);}[data-theme="light"] .contact-card h3{color:var(--text-primary);}[data-theme="light"] .contact-card p{color:var(--text-secondary);}[data-theme="light"] .contact-button{background:var(--gradient-primary);}[data-theme="light"] .contact-button:hover{transform:translateY(-2px);}[data-theme="light"] .social-item{background:rgba(230,230,232,0.95);}[data-theme="light"] .footer{background:var(--bg-primary);}@media (max-width:1024px){.contact-bento{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;}.contact-main{grid-column:span 2;}.contact-social{grid-column:span 2;}}@media (max-width:768px){.contact-section{padding:4rem 1rem;height:auto;}.contact-bento{grid-template-columns:1fr;grid-template-rows:auto;gap:1rem;}.contact-card{grid-column:span 1 !important;grid-row:span 1 !important;padding:1.5rem;}.contact-main{padding:2rem;}.contact-heading{font-size:1.5rem;}.contact-subheading{font-size:1rem;}.contact-button{padding:0.75rem 2rem;font-size:1rem;}.footer-content{flex-direction:column;gap:1rem;text-align:center;}}@media (max-width:480px){.contact-button{width:100%;padding:0.75rem 1.5rem;}.social-links{justify-content:center;}.social-item{width:40px;height:40px;font-size:1rem;}}:root{--bg-primary:#0a0b0d;--bg-secondary:#0f1114;--bg-tertiary:#14171a;--bg-card:rgba(22,27,34,0.8);--bg-card-hover:rgba(30,35,42,0.9);--text-primary:#f7f9fb;--text-secondary:#94a1b2;--text-tertiary:#72808f;--text-muted:#536471;--accent-primary:#6366f1;--accent-secondary:#ec4899;--accent-tertiary:#10b981;--accent-hover:#818cf8;--border-color:#2a2e35;--border-hover:#3a3e45;--shadow-sm:0 1px 3px rgba(0,0,0,0.5),0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -2px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5),0 10px 10px -5px rgba(0,0,0,0.3);--shadow-glow:0 0 30px rgba(99,102,241,0.3),0 0 60px rgba(99,102,241,0.1);--gradient-primary:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);--gradient-secondary:linear-gradient(135deg,#ec4899 0%,#10b981 100%);--gradient-tertiary:linear-gradient(135deg,#10b981 0%,#6366f1 100%);--gradient-text:linear-gradient(135deg,#f7f9fb 0%,#94a1b2 100%);--gradient-mesh:radial-gradient(at 20% 30%,rgba(99,102,241,0.1) 0%,transparent 50%),radial-gradient(at 80% 70%,rgba(236,72,153,0.1) 0%,transparent 50%),radial-gradient(at 40% 80%,rgba(16,185,129,0.1) 0%,transparent 50%);--glow-primary:0 0 20px rgba(99,102,241,0.5);--glow-secondary:0 0 20px rgba(236,72,153,0.5);--glow-tertiary:0 0 20px rgba(16,185,129,0.5);}:root:not([data-theme="light"]) .theme-toggle i.fa-sun{opacity:1;transform:rotate(0deg);}:root:not([data-theme="light"]) .bento-item{background:rgba(22,27,34,0.6);border:1px solid rgba(99,102,241,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.3),inset 0 0 60px rgba(99,102,241,0.03);}:root:not([data-theme="light"]) .bento-item:hover{background:rgba(30,35,42,0.7);border-color:rgba(99,102,241,0.2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.4),0 0 30px rgba(99,102,241,0.1),inset 0 0 60px rgba(99,102,241,0.05);}:root:not([data-theme="light"]) .nav-item{color:var(--text-secondary);background:transparent;}:root:not([data-theme="light"]) .nav-item:hover{color:var(--text-primary);background:rgba(99,102,241,0.1);box-shadow:0 0 20px rgba(99,102,241,0.2);}:root:not([data-theme="light"]) .tech-item{background:rgba(22,27,34,0.8);border:1px solid rgba(99,102,241,0.1);}:root:not([data-theme="light"]) .tech-item:hover{background:rgba(30,35,42,0.9);border-color:rgba(99,102,241,0.3);box-shadow:0 0 20px rgba(99,102,241,0.3);}:root:not([data-theme="light"]) .about-card{background:rgba(22,27,34,0.8);border:1px solid rgba(99,102,241,0.1);box-shadow:0 10px 30px rgba(0,0,0,0.5);}:root:not([data-theme="light"]) .project-card{background:rgba(22,27,34,0.8);border:1px solid rgba(99,102,241,0.1);}:root:not([data-theme="light"]) .social-item{background:rgba(22,27,34,0.8);border:1px solid rgba(99,102,241,0.1);color:var(--text-secondary);}:root:not([data-theme="light"]) .social-item:hover{background:rgba(99,102,241,0.1);border-color:rgba(99,102,241,0.3);color:var(--text-primary);box-shadow:0 0 20px rgba(99,102,241,0.3);}:root:not([data-theme="light"]) a:focus-visible,:root:not([data-theme="light"]) button:focus-visible,:root:not([data-theme="light"]) input:focus-visible,:root:not([data-theme="light"]) textarea:focus-visible,:root:not([data-theme="light"]) [tabindex]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;}:root:not([data-theme="light"]) .orbit-1{border-color:rgba(112,70,255,0.9);border-width:1.5px;}:root:not([data-theme="light"]) .orbit-2{border-color:rgba(255,70,120,0.9);border-width:1.5px;}[data-theme="light"]{--bg-primary:#f0f0f2;--bg-secondary:#f5f5f7;--bg-tertiary:#e8e8eb;--bg-card:rgba(245,245,247,0.95);--bg-card-hover:rgba(245,245,247,0.95);--text-primary:#0f1419;--text-secondary:#536471;--text-tertiary:#687684;--text-muted:#8b98a5;--accent-primary:#5046e5;--accent-secondary:#e5484d;--accent-tertiary:#00b388;--accent-hover:#6366f1;--border-color:#e4e7eb;--border-hover:#cbd5e1;--shadow-sm:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-glow:0 0 30px rgba(80,70,229,0.25),0 0 60px rgba(80,70,229,0.15);--gradient-primary:linear-gradient(135deg,#5046e5 0%,#e5484d 100%);--gradient-secondary:linear-gradient(135deg,#e5484d 0%,#00b388 100%);--gradient-tertiary:linear-gradient(135deg,#00b388 0%,#5046e5 100%);--gradient-text:linear-gradient(135deg,#0f1419 0%,#536471 100%);--gradient-mesh:radial-gradient(at 20% 30%,rgba(80,70,229,0.06) 0%,transparent 50%),radial-gradient(at 80% 70%,rgba(229,72,77,0.06) 0%,transparent 50%),radial-gradient(at 40% 80%,rgba(0,179,136,0.06) 0%,transparent 50%);--glow-primary:0 0 20px rgba(80,70,229,0.25);--glow-secondary:0 0 20px rgba(229,72,77,0.25);--glow-tertiary:0 0 20px rgba(0,179,136,0.25);}[data-theme="light"] body::before{background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(15,20,25,0.03) 3px,rgba(15,20,25,0.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(15,20,25,0.03) 3px,rgba(15,20,25,0.03) 4px);}[data-theme="light"] body::after{content:'';position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,transparent 0%,transparent 40%,rgba(80,70,229,0.03) 65%,transparent 70%),radial-gradient(circle at 80% 20%,transparent 0%,transparent 40%,rgba(229,72,77,0.03) 65%,transparent 70%),radial-gradient(circle at 40% 40%,transparent 0%,transparent 40%,rgba(0,179,136,0.03) 65%,transparent 70%),linear-gradient(180deg,rgba(245,245,247,0) 0%,rgba(237,237,240,0.3) 100%);background-size:600px 600px,700px 700px,500px 500px,100% 100%;background-position:-100px 100px,200px -100px,50px 50px,center;pointer-events:none;z-index:1;opacity:0.8;}[data-theme="light"] .cursor{background:var(--accent-primary);mix-blend-mode:normal;opacity:1;box-shadow:0 0 6px rgba(80,70,229,0.4);}[data-theme="light"] .cursor.hover{background:var(--accent-primary);border:2px solid white;box-shadow:0 0 8px rgba(80,70,229,0.6);}[data-theme="light"] .cursor-follower{border-color:var(--accent-primary);opacity:0.5;}[data-theme="light"] .cursor-follower.hover{border-color:var(--accent-primary);background:rgba(80,70,229,0.1);opacity:0.7;}[data-theme="light"] .nav-item.active{background:var(--accent-primary);color:white;}[data-theme="light"] .nav-item.active i{color:white !important;opacity:1;visibility:visible;}[data-theme="light"] .bento-item{background:var(--bg-card) !important;border-color:var(--border-color);box-shadow:var(--shadow-sm);}[data-theme="light"] .bento-item:hover{background:var(--bg-card-hover) !important;border-color:var(--border-hover);box-shadow:var(--shadow-md);}[data-theme="light"] .bento-item::before{background:transparent;}[data-theme="light"] .bento-item:hover::before{background:transparent;}[data-theme="light"] .bento-hero{background:rgba(240,240,242,0.95);position:relative;}[data-theme="light"] .bento-hero:hover{background:rgba(240,240,242,0.95) !important;}[data-theme="light"] .bento-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;border-radius:inherit;}[data-theme="light"] .bento-hero:hover::before{opacity:0.08;}[data-theme="light"] .bento-status,[data-theme="light"] .bento-stats{background:rgba(240,240,242,0.95);}[data-theme="light"] .bento-tech{background:rgba(240,240,242,0.95);}[data-theme="light"] .bento-status:hover,[data-theme="light"] .bento-stats:hover,[data-theme="light"] .bento-tech:hover,[data-theme="light"] .bento-focus:hover{background:rgba(240,240,242,0.95) !important;}[data-theme="light"] .bento-tech:hover{background-image:linear-gradient(45deg,rgba(80,70,229,0.03) 25%,transparent 25%,transparent 75%,rgba(80,70,229,0.03) 75%,rgba(80,70,229,0.03)),linear-gradient(45deg,rgba(80,70,229,0.03) 25%,transparent 25%,transparent 75%,rgba(80,70,229,0.03) 75%,rgba(80,70,229,0.03));background-size:20px 20px;background-position:0 0,10px 10px;}[data-theme="light"] .bento-focus{padding:1.5rem;}[data-theme="light"] .bento-photo{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));}[data-theme="light"] .photo-frame{background:linear-gradient(135deg,rgba(80,70,229,0.9) 0%,rgba(229,72,77,0.8) 50%,rgba(0,179,136,0.9) 100%);box-shadow:0 0 40px rgba(80,70,229,0.3),0 0 80px rgba(229,72,77,0.2),0 0 120px rgba(0,179,136,0.15),0 10px 30px rgba(0,0,0,0.1),inset 0 0 30px rgba(80,70,229,0.2);}[data-theme="light"] .bento-photo:hover .photo-frame{box-shadow:0 0 60px rgba(80,70,229,0.5),0 0 120px rgba(229,72,77,0.4),0 0 180px rgba(0,179,136,0.3),0 15px 40px rgba(0,0,0,0.15),inset 0 0 50px rgba(80,70,229,0.25);}[data-theme="light"] .photo-ring::before,[data-theme="light"] .photo-ring::after{filter:brightness(1.1) saturate(1.2);}[data-theme="light"] .bento-photo:hover .photo-ring{opacity:0.9;}[data-theme="light"] .tech-item{color:var(--text-primary);opacity:0.6;}[data-theme="light"] .tech-track:hover .tech-item{color:var(--text-secondary);opacity:0.7;}[data-theme="light"] .tech-track:hover .tech-item:hover{color:var(--accent-primary);opacity:1;text-shadow:0 0 10px rgba(112,70,255,0.3);}[data-theme="light"] .about-card,[data-theme="light"] .project-card{background:rgba(245,245,247,0.95);border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.05);}[data-theme="light"] .work-section{background:rgba(240,240,242,0.6);border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.05);}[data-theme="light"] .contact-card{background:rgba(245,245,247,0.95);border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.05);}[data-theme="light"] .contact-section{background:rgba(240,240,242,0.6);border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.05);}[data-theme="light"] .about-card:hover,[data-theme="light"] .project-card:hover,[data-theme="light"] .contact-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.08);}[data-theme="light"] .hero-tagline{color:var(--text-secondary);}[data-theme="light"] .hero-links a{color:var(--accent-primary);}[data-theme="light"] .theme-toggle i.fa-moon{color:var(--text-primary);}[data-theme="light"] @keyframes subtle-glow{0%,100%{box-shadow:0 0 40px rgba(80,70,229,0.3),0 0 80px rgba(229,72,77,0.2),0 0 120px rgba(0,179,136,0.15),0 10px 30px rgba(0,0,0,0.1),inset 0 0 30px rgba(80,70,229,0.2);}50%{box-shadow:0 0 50px rgba(80,70,229,0.4),0 0 100px rgba(229,72,77,0.3),0 0 150px rgba(0,179,136,0.2),0 15px 40px rgba(0,0,0,0.12),inset 0 0 40px rgba(80,70,229,0.25);}}[data-theme="light"] .status-header p{line-height:1.5 !important;}[data-theme="light"] .status-card{height:160px !important;}[data-theme="light"] .status-dot{background:#059669;}[data-theme="light"] .modal-content{background:rgba(245,245,247,0.98);border:1px solid var(--border-color);color:var(--text-primary);}[data-theme="light"] .modal-close{color:var(--text-secondary);}[data-theme="light"] .modal-close:hover{color:var(--text-primary);}[data-theme="light"] .modal h2{color:var(--text-primary);}[data-theme="light"] .tech-modal-item{background:rgba(240,240,242,0.8);border:1px solid var(--border-color);}[data-theme="light"] .tech-modal-item:hover{background:rgba(240,240,242,0.95);border-color:var(--accent-primary);box-shadow:0 0 20px rgba(80,70,229,0.2);}[data-theme="light"] footer{color:var(--text-secondary);}[data-theme="light"] footer p{color:var(--text-secondary);}[data-theme="light"] input,[data-theme="light"] textarea{background:rgba(240,240,242,0.8);border:1px solid var(--border-color);color:var(--text-primary);}[data-theme="light"] input:focus,[data-theme="light"] textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(80,70,229,0.1);}[data-theme="light"] ::placeholder{color:var(--text-tertiary);}[data-theme="light"] .orbit-1{border-color:rgba(80,70,229,0.85);border-width:1.5px;}[data-theme="light"] .orbit-2{border-color:rgba(229,72,77,0.85);border-width:1.5px;}[data-theme="light"] a:focus-visible,[data-theme="light"] button:focus-visible,[data-theme="light"] input:focus-visible,[data-theme="light"] textarea:focus-visible,[data-theme="light"] [tabindex]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;}[data-theme="light"] ::-webkit-scrollbar-track{background:var(--bg-secondary);}[data-theme="light"] ::-webkit-scrollbar-thumb{background:var(--text-tertiary);}[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary);}*{transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;}button,a,.nav-item,.social-item,.tech-item,.bento-item{transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease,opacity 0.2s ease;}.theme-toggle,.theme-toggle *{transition:transform 0.3s ease,opacity 0.3s ease;}body,body::before,body::after{transition:background 0.5s ease,opacity 0.5s ease;}.bento-item,.nav-item,.tech-item,.status-card,.project-card,.about-card{transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;transition-property:background-color,color,border-color,box-shadow;}.theme-toggle i.fa-sun{position:absolute;opacity:0;transform:rotate(-180deg);transition:opacity 0.3s ease,transform 0.3s ease;}:root:not([data-theme="light"]) .theme-toggle i.fa-sun{opacity:1;transform:rotate(0deg);}.theme-toggle i.fa-moon{opacity:0;transform:rotate(180deg);transition:opacity 0.3s ease,transform 0.3s ease;}[data-theme="light"] .theme-toggle i.fa-moon{opacity:1;transform:rotate(0deg);}html{transition:none;}.cursor,.cursor-follower{transition:background-color 0.2s ease,border-color 0.2s ease,opacity 0.2s ease,width 0.2s ease,height 0.2s ease;}.modal,.modal-content{transition:background-color 0.3s ease,color 0.3s ease,opacity 0.3s ease;}code,pre{transition:background-color 0.3s ease,color 0.3s ease;}.gradient-bg{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.6;z-index:-1;}.gradient-bg::before,.gradient-bg::after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(40px);}.gradient-bg::before{top:-200px;left:-200px;background:var(--accent-primary);opacity:0.3;}.gradient-bg::after{bottom:-200px;right:-200px;background:var(--accent-secondary);opacity:0.3;}.glow-primary{box-shadow:var(--glow-primary);}.glow-secondary{box-shadow:var(--glow-secondary);}.glow-tertiary{box-shadow:var(--glow-tertiary);}.shadow-sm{box-shadow:var(--shadow-sm);}.shadow-md{box-shadow:var(--shadow-md);}.shadow-lg{box-shadow:var(--shadow-lg);}.shadow-xl{box-shadow:var(--shadow-xl);}.shadow-glow{box-shadow:var(--shadow-lg),var(--shadow-glow);}.backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}.backdrop-blur-sm{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}.backdrop-blur-lg{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);}.filter-grayscale{filter:grayscale(100%);}.filter-blur{filter:blur(1px);}.filter-brightness{filter:brightness(1.1);}.filter-contrast{filter:contrast(1.1);}.filter-saturate{filter:saturate(1.2);}.filter-enhance{filter:saturate(1.1) contrast(1.05);}.filter-enhance-strong{filter:saturate(1.2) contrast(1.1) brightness(1.05);}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;}.glow-pulse{animation:pulse-glow 2s ease-in-out infinite;}@keyframes pulse-glow{0%,100%{opacity:0.8;transform:scale(1);}50%{opacity:1;transform:scale(1.05);}}.glow-subtle{animation:subtle-glow 4s ease-in-out infinite;}@keyframes subtle-glow{0%,100%{opacity:0.8;transform:translateY(0) scale(1);filter:hue-rotate(0deg);}50%{opacity:1;transform:translateY(-5px) scale(1.02);filter:hue-rotate(10deg);}}[data-theme="light"] @keyframes subtle-glow{0%,100%{opacity:0.9;transform:translateY(0) scale(1);filter:brightness(1) hue-rotate(0deg);}50%{opacity:1;transform:translateY(-3px) scale(1.015);filter:brightness(1.1) hue-rotate(5deg);}}.icon-shadow{filter:drop-shadow(0 2px 10px rgba(112,70,255,0.3));}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);}.orbit-gradient::before,.orbit-gradient::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(40px);pointer-events:none;}.orbit-gradient::before{background:var(--accent-primary);opacity:0.15;top:-100px;left:-100px;}.orbit-gradient::after{background:var(--accent-secondary);opacity:0.15;bottom:-100px;right:-100px;}.image-enhance{filter:brightness(1.1) saturate(1.2);}[data-theme="light"] .image-enhance{filter:brightness(1.05) saturate(1.1);}.noise-overlay{position:relative;}.noise-overlay::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.03;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");}.hover-shadow-sm:hover{box-shadow:var(--shadow-sm);}.hover-shadow-md:hover{box-shadow:var(--shadow-md);}.hover-shadow-lg:hover{box-shadow:var(--shadow-lg);}.hover-shadow-xl:hover{box-shadow:var(--shadow-xl);}.hover-shadow-glow:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);}.hover-lift:hover{transform:translateY(-4px);}.hover-scale:hover{transform:scale(1.05);}.hover-rotate:hover{transform:rotate(5deg);}.transition-all{transition:all 0.3s var(--ease-out);}.transition-fast{transition:all 0.15s var(--ease-out);}.transition-slow{transition:all 0.5s var(--ease-out);}.transition-transform{transition:transform 0.3s var(--ease-out);}.transition-opacity{transition:opacity 0.3s var(--ease-out);}.transition-colors{transition:color 0.3s var(--ease-out),background-color 0.3s var(--ease-out),border-color 0.3s var(--ease-out);}.hidden{display:none !important;}.block{display:block;}.inline-block{display:inline-block;}.inline{display:inline;}.flex{display:flex;}.inline-flex{display:inline-flex;}.grid{display:grid;}.invisible{visibility:hidden;}.visible{visibility:visible;}.opacity-0{opacity:0;}.opacity-50{opacity:0.5;}.opacity-75{opacity:0.75;}.opacity-100{opacity:1;}.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.static{position:static;}.z-0{z-index:0;}.z-10{z-index:10;}.z-20{z-index:20;}.z-30{z-index:30;}.z-40{z-index:40;}.z-50{z-index:50;}.z-auto{z-index:auto;}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.overflow-visible{overflow:visible;}.overflow-scroll{overflow:scroll;}.overflow-x-auto{overflow-x:auto;}.overflow-x-hidden{overflow-x:hidden;}.overflow-y-auto{overflow-y:auto;}.overflow-y-hidden{overflow-y:hidden;}.text-left{text-align:left;}.text-center{text-align:center;}.text-right{text-align:right;}.text-justify{text-align:justify;}.uppercase{text-transform:uppercase;}.lowercase{text-transform:lowercase;}.capitalize{text-transform:capitalize;}.normal-case{text-transform:none;}.font-thin{font-weight:100;}.font-light{font-weight:300;}.font-normal{font-weight:400;}.font-medium{font-weight:500;}.font-semibold{font-weight:600;}.font-bold{font-weight:700;}.font-black{font-weight:900;}.underline{text-decoration:underline;}.line-through{text-decoration:line-through;}.no-underline{text-decoration:none;}.pointer-events-none{pointer-events:none;}.pointer-events-auto{pointer-events:auto;}.cursor-pointer{cursor:pointer;}.cursor-not-allowed{cursor:not-allowed;}.cursor-wait{cursor:wait;}.cursor-text{cursor:text;}.cursor-move{cursor:move;}.select-none{user-select:none;}.select-text{user-select:text;}.select-all{user-select:all;}.select-auto{user-select:auto;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.flex-nowrap{flex-wrap:nowrap;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.items-end{align-items:flex-end;}.items-baseline{align-items:baseline;}.items-stretch{align-items:stretch;}.justify-start{justify-content:flex-start;}.justify-center{justify-content:center;}.justify-end{justify-content:flex-end;}.justify-between{justify-content:space-between;}.justify-around{justify-content:space-around;}.justify-evenly{justify-content:space-evenly;}.flex-1{flex:1 1 0%;}.flex-auto{flex:1 1 auto;}.flex-initial{flex:0 1 auto;}.flex-none{flex:none;}.gap-1{gap:0.25rem;}.gap-2{gap:0.5rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1rem;}.gap-5{gap:1.25rem;}.gap-6{gap:1.5rem;}.gap-8{gap:2rem;}.w-full{width:100%;}.w-auto{width:auto;}.w-screen{width:100vw;}.w-min{width:min-content;}.w-max{width:max-content;}.w-fit{width:fit-content;}.h-full{height:100%;}.h-auto{height:auto;}.h-screen{height:100vh;}.h-min{height:min-content;}.h-max{height:max-content;}.h-fit{height:fit-content;}.max-w-none{max-width:none;}.max-w-full{max-width:100%;}.max-w-prose{max-width:65ch;}.m-auto{margin:auto;}.mx-auto{margin-left:auto;margin-right:auto;}.my-auto{margin-top:auto;margin-bottom:auto;}.p-0{padding:0;}.m-0{margin:0;}.rounded-none{border-radius:0;}.rounded{border-radius:0.25rem;}.rounded-md{border-radius:0.375rem;}.rounded-lg{border-radius:0.5rem;}.rounded-xl{border-radius:0.75rem;}.rounded-2xl{border-radius:1rem;}.rounded-full{border-radius:9999px;}.aspect-square{aspect-ratio:1 / 1;}.aspect-video{aspect-ratio:16 / 9;}.object-contain{object-fit:contain;}.object-cover{object-fit:cover;}.object-fill{object-fit:fill;}.object-none{object-fit:none;}.object-scale-down{object-fit:scale-down;}.list-none{list-style-type:none;}.list-disc{list-style-type:disc;}.list-decimal{list-style-type:decimal;}.clearfix::after{content:"";display:table;clear:both;}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}@media (min-width:640px){.container{max-width:640px;}}@media (min-width:768px){.container{max-width:768px;}}@media (min-width:1024px){.container{max-width:1024px;}}@media (min-width:1280px){.container{max-width:1280px;}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}.break-normal{overflow-wrap:normal;word-break:normal;}.break-words{overflow-wrap:break-word;}.break-all{word-break:break-all;}.whitespace-normal{white-space:normal;}.whitespace-nowrap{white-space:nowrap;}.whitespace-pre{white-space:pre;}.whitespace-pre-line{white-space:pre-line;}.whitespace-pre-wrap{white-space:pre-wrap;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.skip-link{position:absolute;top:-100%;left:0;background:var(--bg-primary);color:var(--text-primary);padding:1rem 1.5rem;text-decoration:none;z-index:9999;border-radius:0 0 0.5rem 0;box-shadow:var(--shadow-lg);transition:top 0.3s ease;}.skip-link:focus{top:0;outline:3px solid var(--accent-primary);outline-offset:2px;}.focus-visible:focus{outline:2px solid var(--accent-primary);outline-offset:2px;}.focus-visible:focus:not(:focus-visible){outline:none;}.focus-within:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px;}.keyboard-only:not(:focus){outline:none;}.keyboard-only:focus{outline:3px solid var(--accent-primary);outline-offset:4px;}@media (prefers-contrast:high){.high-contrast-border{border:2px solid currentColor;}.high-contrast-outline{outline:2px solid currentColor;}.high-contrast-text{font-weight:bold;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}.motion-safe{animation-duration:initial;animation-iteration-count:initial;transition-duration:initial;}}@media (prefers-reduced-motion:no-preference){.motion-reduce{animation:none;transition:none;}}@media (prefers-color-scheme:dark) and (prefers-contrast:high){.forced-colors-border{border:1px solid CanvasText;}.forced-colors-outline{outline:1px solid CanvasText;}}.touch-target{position:relative;min-width:44px;min-height:44px;}.touch-target::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px;}.aria-live-polite{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}[aria-live="polite"]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}[aria-live="assertive"]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}.focusable{outline:none;transition:all 0.2s ease;}.focusable:focus{outline:2px solid var(--accent-primary);outline-offset:3px;}.focusable:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;}.disabled,[disabled]{opacity:0.6;cursor:not-allowed;pointer-events:none;}.error{border-color:#dc2626;}.error:focus{outline-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,0.1);}.success{border-color:#10b981;}.success:focus{outline-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.1);}.warning{border-color:#f59e0b;}.warning:focus{outline-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,0.1);}.loading{position:relative;color:transparent;}.loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border:2px solid var(--text-muted);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 0.6s linear infinite;}[role="tooltip"]{position:absolute;z-index:9999;padding:0.5rem 0.75rem;font-size:0.875rem;background:var(--bg-secondary);color:var(--text-primary);border-radius:0.375rem;box-shadow:var(--shadow-lg);pointer-events:none;}.link-underline{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;text-decoration-color:currentColor;}.link-underline:hover{text-decoration-thickness:3px;}.high-contrast{filter:contrast(1.2);}.increase-contrast{filter:contrast(1.5);}.tab-highlight:focus{outline:3px dashed var(--accent-primary);outline-offset:4px;}img:not([alt]){outline:3px solid red;}img[alt=""]{outline:3px solid orange;}label{cursor:pointer;}label:hover{color:var(--text-secondary);}.required::after{content:' *';color:#dc2626;font-weight:bold;}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0.5rem;border-radius:0.375rem;transition:all 0.2s ease;}.icon-button:hover{background:var(--bg-secondary);}.icon-button:focus{outline:2px solid var(--accent-primary);outline-offset:2px;}@media print{.no-print{display:none !important;}a[href]::after{content:" (" attr(href) ")";}abbr[title]::after{content:" (" attr(title) ")";}}@media (max-width:768px){*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}}@media (max-width:768px){body{font-size:16px;padding:0;}main{padding:0;}section{padding:3rem 0;}.bento-container,.about-grid,.work-grid,.projects-bento,.contact-bento,.contact-grid,.status-grid{padding-left:1rem;padding-right:1rem;}h1{font-size:2.5rem;line-height:1.2;}h2{font-size:2rem;}h3{font-size:1.5rem;}.nav-item,.theme-toggle{width:40px;height:40px;font-size:1rem;}.hero{padding:2rem 1rem;text-align:center;}.hero-content{align-items:center;}.hero h1{font-size:2.5rem;margin-bottom:1rem;}.tagline{font-size:1.125rem;margin-bottom:2rem;}.hero-cta{flex-direction:column;gap:1rem;width:100%;}.hero-cta .btn{width:100%;}.bento-container{grid-template-columns:1fr;gap:1rem;padding:1rem;}.bento-item{grid-column:span 1 !important;min-height:150px;}.bento-photo{min-height:250px;}.photo-frame{width:150px;height:150px;}.photo-content img{width:140px;height:140px;}.status-grid{grid-template-columns:1fr;gap:1rem;}.status-card{padding:1.5rem;}.status-value{font-size:1.75rem;}.about-grid{grid-template-columns:1fr;gap:1rem;margin-top:2rem;}.about-card{padding:1.5rem;min-height:auto;}.skills-category h3{font-size:1.25rem;}.skills-list{gap:0.5rem;}.skill-item{font-size:0.875rem;padding:0.375rem 0.75rem;}.work-grid{grid-template-columns:1fr;gap:2rem;}.projects-bento{grid-template-columns:1fr;}.work-card{grid-template-columns:1fr;gap:1.5rem;}.work-image{height:200px;}.work-content h3{font-size:1.5rem;}.tech-stack{flex-wrap:wrap;}.showcase-content{padding:0 1rem !important;}.showcase-hero{padding:2rem 1rem;}.project-title{font-size:2.5rem;}.project-description{font-size:1rem;}.btn-primary,.btn-secondary{width:100%;justify-content:center;}.browser-mockup{transform:none !important;}.tech-stack-panel{width:95%;height:95vh;max-height:none;}.panel-content{grid-template-columns:1fr;gap:2rem;padding:2rem;}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:0.75rem;}.tech-item{padding:0.75rem;}.tech-icon{width:40px;height:40px;font-size:1.5rem;}.tech-name{font-size:0.75rem;}.contact-container{padding:0;}.contact-bento{gap:1rem;grid-template-columns:1fr;padding:0 1rem;}.contact-card{padding:1.5rem;}.contact-content{flex-direction:column;text-align:center;}.contact-left,.contact-right{max-width:100%;}.contact-links{justify-content:center;}footer{padding:2rem 1rem;margin-bottom:100px;}section:last-of-type{padding-bottom:120px !important;}.footer-content{flex-direction:column;gap:1rem;text-align:center;}.loading-logo{width:60px;height:60px;}.hide-mobile{display:none !important;}.show-mobile{display:block !important;}.clickable,.btn,button,a{min-height:44px;min-width:44px;}@media (hover:none){.work-card:hover .work-image{transform:none;}.bento-item:hover{transform:none;}.skill-item:hover{transform:none;background:var(--bg-tertiary);}}}@media (max-width:480px){.hero h1{font-size:2rem;}.tagline{font-size:1rem;}h2{font-size:1.75rem;}h3{font-size:1.25rem;}.nav-item,.theme-toggle{width:36px;height:36px;font-size:0.875rem;}.status-value{font-size:1.5rem;}.status-label{font-size:0.75rem;}.work-content h3{font-size:1.25rem;}.skill-item{font-size:0.75rem;padding:0.25rem 0.5rem;}.btn{font-size:0.875rem;padding:0.75rem 1.5rem;}}@media (max-width:768px) and (orientation:landscape){.hero{min-height:auto;padding:2rem;}.bento-container{grid-template-columns:repeat(2,1fr);}.status-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:375px){section{padding:2rem 0.75rem;}body{font-size:14px;}.hero h1{font-size:1.75rem;}.bento-container,.status-grid,.work-grid{gap:0.75rem;}}@media (max-width:768px){.orbit-system{width:min(380px,88vw) !important;height:min(380px,88vw) !important;overflow:visible;position:relative;}.orbit-system .orbit-1{width:36% !important;height:36% !important;aspect-ratio:1 / 1;border:1.5px dashed rgba(112,70,255,0.55);}.orbit-system .orbit-2{width:84% !important;height:84% !important;aspect-ratio:1 / 1;border:1.5px dashed rgba(255,70,151,0.55);}.skills-section .skills-orbit-container{transform:none !important;margin:0 auto !important;}.orbit-center{width:22%;height:22%;max-width:80px;max-height:80px;min-width:60px;min-height:60px;font-size:clamp(0.7rem,2.4vw,0.9rem);}.orbit-item{width:12.5% !important;height:12.5% !important;max-width:48px;max-height:48px;min-width:36px;min-height:36px;font-size:clamp(0.95rem,3.2vw,1.25rem);}.skills-orbit-container,.skills-section{overflow:visible;}}@media (max-width:280px){body{font-size:12px;}.hero h1{font-size:1.5rem;}.tagline{font-size:0.875rem;}.skills-list{grid-template-columns:1fr;}section{padding:1.5rem 0.5rem;}.nav-item,.theme-toggle{width:36px;height:36px;font-size:0.875rem;}}@media (min-width:769px) and (max-width:1024px){.container{max-width:100%;padding:0 2rem;}section{padding:4rem 2rem;}h1{font-size:3rem;}h2{font-size:2.25rem;}.hero{padding:3rem 2rem;}.hero h1{font-size:3rem;}.bento-container{grid-template-columns:repeat(4,1fr);gap:1.25rem;}.bento-photo{grid-column:span 2;}.bento-status{grid-column:span 2;}.bento-location,.bento-availability{grid-column:span 2;}.status-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;}.work-grid{gap:2rem;}.work-card{gap:2rem;}.skills-grid{grid-template-columns:repeat(2,1fr);gap:2rem;}.tech-stack-panel{width:90%;max-width:800px;}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));}}@media (max-width:1024px){.project-container{padding:0 2rem;}.project-content{max-width:100%;}.project-title{font-size:3rem;}.browser-mockup{max-width:100%;margin:0 auto;}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.bento-container{grid-template-columns:repeat(3,1fr);}.bento-photo{grid-column:span 3;grid-row:span 1;}.bento-status{grid-column:span 3;}.bento-location,.bento-availability{grid-column:span 1;}.hero-cta{justify-content:center;}}@media (min-width:1024px) and (max-width:1366px) and (orientation:landscape){.work-grid{grid-template-columns:repeat(2,1fr);}.skills-grid{grid-template-columns:repeat(3,1fr);}}@media (min-width:912px) and (max-width:1368px){.container{max-width:95%;}.bento-container{grid-template-columns:repeat(6,1fr);}.bento-photo{grid-column:span 2;grid-row:span 2;}.bento-status{grid-column:span 4;grid-row:span 1;}}@media (min-width:769px) and (max-width:1024px) and (hover:none){.nav-item,.theme-toggle{width:48px;height:48px;}.btn{padding:0.875rem 2rem;font-size:1rem;}.skill-item{padding:0.5rem 1rem;}.work-card:hover .work-image{transform:scale(1.02);}.bento-item:hover{transform:translateY(-2px);}}@media (min-width:769px) and (max-width:1024px){.hide-tablet{display:none !important;}.show-tablet{display:block !important;}.tablet-flex-col{flex-direction:column;}.tablet-flex-row{flex-direction:row;}.tablet-text-center{text-align:center;}.tablet-text-left{text-align:left;}}@media (min-width:769px) and (max-width:834px){h1{font-size:2.75rem;}h2{font-size:2rem;}section{padding:3rem 1.5rem;}.bento-container{gap:1rem;}.work-grid{gap:1.5rem;}}@media (min-width:1025px){.container{max-width:1200px;margin:0 auto;padding:0 2rem;}section{padding:6rem 2rem;}h1{font-size:4rem;}h2{font-size:3rem;}h3{font-size:1.875rem;}.hero{min-height:100vh;padding:4rem 2rem;}.hero h1{font-size:4rem;}.tagline{font-size:1.5rem;}.bento-container{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,180px);gap:1.5rem;max-width:1000px;}.work-grid{gap:3rem;}.work-card{grid-template-columns:1fr 1fr;gap:3rem;}.skills-grid{grid-template-columns:repeat(3,1fr);gap:3rem;}}@media (min-width:1440px){.container{max-width:1400px;}.hero h1{font-size:5rem;}.tagline{font-size:1.75rem;}.bento-container{grid-template-rows:repeat(2,200px);max-width:1200px;}section{padding:8rem 2rem;}}@media (min-width:1920px){.container{max-width:1600px;}body{font-size:18px;}h1{font-size:5.5rem;}h2{font-size:3.5rem;}h3{font-size:2.25rem;}.work-card{gap:4rem;}.work-image{height:500px;}.btn{font-size:1.125rem;padding:1rem 2.5rem;}section{padding:10rem 2rem;}}@media (min-width:2560px){.container{max-width:2000px;}.hero h1{font-size:7rem;}.tagline{font-size:2rem;}.bento-container{grid-template-rows:repeat(2,250px);max-width:1600px;gap:2rem;}.work-image{height:600px;}.status-value{font-size:3.5rem;}}@media (min-width:3840px){body{font-size:24px;}.container{max-width:3000px;}h1{font-size:8rem;}h2{font-size:5rem;}h3{font-size:3rem;}.hero h1{font-size:10rem;}.tagline{font-size:3rem;}.bento-container{grid-template-rows:repeat(2,350px);max-width:2400px;gap:3rem;}.work-image{height:800px;}.btn{font-size:1.5rem;padding:1.5rem 4rem;}}@media (min-width:1025px) and (hover:hover){.work-card:hover .work-image{transform:scale(1.1) rotate(2deg);}.bento-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-xl);}.skill-item:hover{transform:translateY(-3px) scale(1.1);}.parallax{transform:translateZ(0);will-change:transform;}*{transition-duration:0.3s;}}@media (min-width:1025px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.scroll-animate{animation-timeline:scroll();animation-range:0% 100%;}}*{animation-timing-function:cubic-bezier(0.4,0,0.2,1);}}@media (min-width:1025px){.hide-desktop{display:none !important;}.show-desktop{display:block !important;}.desktop-columns-2{column-count:2;column-gap:2rem;}.desktop-columns-3{column-count:3;column-gap:2rem;}.desktop-animate{animation:fadeInUp 0.6s ease-out;}}@media (min-width:1025px) and (min-aspect-ratio:21/9){.container{max-width:80%;}.hero{display:flex;align-items:center;justify-content:center;}.work-grid{grid-template-columns:repeat(3,1fr);}.bento-container{grid-template-columns:repeat(8,1fr);}}@media (min-resolution:1.25dppx) and (max-resolution:1.49dppx){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}body{line-height:1.65;}.btn{line-height:1.2;padding-top:calc(0.875rem + 1px);padding-bottom:calc(0.875rem - 1px);}.bento-item,.work-card,.status-card{border-width:1.25px;transform:translateZ(0);}.nav-item,.theme-toggle{font-size:1.125rem;}.bento-container{gap:1.25rem;}.status-value{letter-spacing:-0.025em;}}@media (min-resolution:1.5dppx) and (max-resolution:1.99dppx){body{font-size:16.5px;line-height:1.6;}p{margin-bottom:1.125rem;}.btn{border-width:1.5px;font-weight:500;}.bento-item,.work-card,.status-card{box-shadow:0 2px 8px rgba(0,0,0,0.1);}.skill-item{padding:0.5rem 1rem;font-size:0.9375rem;}.floating-nav{gap:0.875rem;}}@media (min-resolution:1.75dppx) and (max-resolution:1.99dppx){body{font-size:17px;}.container{padding-left:1.75rem;padding-right:1.75rem;}.bento-container{gap:1.75rem;}h1{font-size:calc(3.5rem * 0.95);}h2{font-size:calc(2.5rem * 0.95);}}@media (min-resolution:2dppx){*{-webkit-font-smoothing:subpixel-antialiased;}.bento-item,.work-card,.status-card,.btn{border-width:0.5px;}.shadow-sm{box-shadow:0 1px 3px rgba(0,0,0,0.12);}.shadow-md{box-shadow:0 4px 12px rgba(0,0,0,0.15);}.shadow-lg{box-shadow:0 8px 24px rgba(0,0,0,0.18);}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;}svg{shape-rendering:geometricPrecision;}.gradient-bg::before,.gradient-bg::after{filter:blur(80px);}}@media (min-resolution:2.5dppx) and (max-resolution:2.99dppx){body{font-size:18px;}.bento-container{grid-template-columns:repeat(4,1fr);}.nav-item,.theme-toggle{width:50px;height:50px;}.btn{padding:1.125rem 2.5rem;font-size:1.125rem;}}@media (min-resolution:3dppx){body{font-size:20px;}.work-grid,.status-grid{grid-template-columns:1fr;}h1{font-size:3rem;}h2{font-size:2rem;}.bento-container{grid-template-columns:1fr;}}@media (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body{font-weight:300;}h1,h2,h3{font-weight:400;}.btn{font-weight:500;}}@media (prefers-contrast:high){:root{--text-primary:#000000;--bg-primary:#ffffff;}[data-theme="dark"]{--text-primary:#ffffff;--bg-primary:#000000;}.bento-item,.work-card,.status-card{border:2px solid currentColor;}:focus{outline:3px solid currentColor;outline-offset:2px;}}@media (min-resolution:1dppx) and (max-resolution:1.24dppx){.container{max-width:111%;}}@media (min-resolution:0.75dppx) and (max-resolution:0.99dppx){body{font-size:18px;}.container{max-width:133%;}}.hdpi-optimize{transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;}@media (min-resolution:2dppx){.icon-svg{width:200%;height:200%;transform:scale(0.5);transform-origin:0 0;}}@supports (font-variation-settings:normal){@media (min-resolution:1.5dppx){body{font-variation-settings:"wght" 400,"opsz" 16;}h1,h2,h3{font-variation-settings:"wght" 500,"opsz" 48;}}}.subpixel-fix{transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}.touch-device{-webkit-tap-highlight-color:transparent;}.touched{position:relative;}.touched::after{content:'';position:absolute;inset:-2px;border:2px solid var(--accent-primary);border-radius:inherit;opacity:0.5;animation:touchPulse 0.6s ease-out;pointer-events:none;}@keyframes touchPulse{0%{transform:scale(0.95);opacity:0.8;}50%{transform:scale(1.02);opacity:0.5;}100%{transform:scale(1.05);opacity:0;}}.bento-photo.touched .profile-photo{animation:photoWiggle 0.5s ease-in-out;}@keyframes photoWiggle{0%,100%{transform:rotate(0deg) scale(1);}25%{transform:rotate(-5deg) scale(1.05);}75%{transform:rotate(5deg) scale(1.05);}}.bento-photo.touched .photo-ring{animation:ringPulse 0.8s ease-out;}@keyframes ringPulse{0%{transform:scale(1);opacity:0.3;}50%{transform:scale(1.1);opacity:0.1;}100%{transform:scale(1.2);opacity:0;}}.nav-item.touched{transform:scale(0.95);background:var(--accent-primary);color:white;border-color:var(--accent-primary);}.theme-toggle.touched{transform:scale(0.95) rotate(180deg);background:var(--accent-tertiary);border-color:var(--accent-tertiary);color:white;}@media (hover:none) and (pointer:coarse){.nav-item,.theme-toggle{min-width:44px;min-height:44px;}.bento-item:hover,.work-card:hover,.about-card:hover,.project-card:hover,.stat-item:hover,.skill-item:hover{transform:none !important;background:inherit !important;box-shadow:none !important;}.work-card:hover .work-image,.project-card:hover .project-image{transform:none !important;}.bento-item:not(.bento-photo):active,.work-card:active,.about-card:active,.project-card:active{transform:none !important;}}.touch-device *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;}.touch-device input,.touch-device textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}@supports (-webkit-touch-callout:none){*{touch-action:pan-y manipulation;}}@media (max-width:768px){.floating-nav{position:fixed !important;bottom:2rem !important;right:auto !important;left:50% !important;top:auto !important;transform:translateX(-50%) !important;flex-direction:row !important;background:var(--bg-card) !important;padding:0.75rem 1rem !important;border-radius:2rem !important;border:1px solid var(--border-color) !important;box-shadow:var(--shadow-lg) !important;gap:0.75rem !important;z-index:1000 !important;}.floating-nav::before{display:none !important;}.nav-indicator{display:none !important;}.nav-item::before{display:none !important;}.nav-item,.theme-toggle{width:40px !important;height:40px !important;}}@media (max-width:480px){.floating-nav{bottom:1rem !important;padding:0.5rem 0.75rem !important;gap:0.5rem !important;}.nav-item,.theme-toggle{width:36px !important;height:36px !important;font-size:0.875rem !important;}}@media (max-width:320px){.floating-nav{bottom:0.5rem !important;padding:0.375rem 0.5rem !important;gap:0.25rem !important;width:calc(100% - 1rem) !important;left:0.5rem !important;transform:none !important;}.nav-item,.theme-toggle{width:32px !important;height:32px !important;font-size:0.75rem !important;}}.fa,.fas,.fa-solid,.fab,.fa-brands{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:-0.125em;font-style:normal;}.fa-arrow-right{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M438.6%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L338.8%20224H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h306.7L233.4%20393.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l160-160z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M438.6%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L338.8%20224H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h306.7L233.4%20393.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l160-160z'/></svg>")}.fa-bolt{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M349.4%2044.6c5.9-13.7%201.5-29.7-10.6-38.5s-28.6-8-39.9%201.8l-256%20224c-10%208.8-13.6%2022.9-8.9%2035.3S50.7%20288%2064%20288h111.5L98.6%20467.4c-5.9%2013.7-1.5%2029.7%2010.6%2038.5s28.6%208%2039.9-1.8l256-224c10-8.8%2013.6-22.9%208.9-35.3s-16.6-20.7-30-20.7H272.5z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M349.4%2044.6c5.9-13.7%201.5-29.7-10.6-38.5s-28.6-8-39.9%201.8l-256%20224c-10%208.8-13.6%2022.9-8.9%2035.3S50.7%20288%2064%20288h111.5L98.6%20467.4c-5.9%2013.7-1.5%2029.7%2010.6%2038.5s28.6%208%2039.9-1.8l256-224c10-8.8%2013.6-22.9%208.9-35.3s-16.6-20.7-30-20.7H272.5z'/></svg>")}.fa-briefcase{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M184%2048h144c4.4%200%208%203.6%208%208v40H176V56c0-4.4%203.6-8%208-8m-56%208v40H64c-35.3%200-64%2028.7-64%2064v96h512v-96c0-35.3-28.7-64-64-64h-64V56c0-30.9-25.1-56-56-56H184c-30.9%200-56%2025.1-56%2056m384%20232H320v32c0%2017.7-14.3%2032-32%2032h-64c-17.7%200-32-14.3-32-32v-32H0v128c0%2035.3%2028.7%2064%2064%2064h384c35.3%200%2064-28.7%2064-64z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M184%2048h144c4.4%200%208%203.6%208%208v40H176V56c0-4.4%203.6-8%208-8m-56%208v40H64c-35.3%200-64%2028.7-64%2064v96h512v-96c0-35.3-28.7-64-64-64h-64V56c0-30.9-25.1-56-56-56H184c-30.9%200-56%2025.1-56%2056m384%20232H320v32c0%2017.7-14.3%2032-32%2032h-64c-17.7%200-32-14.3-32-32v-32H0v128c0%2035.3%2028.7%2064%2064%2064h384c35.3%200%2064-28.7%2064-64z'/></svg>")}.fa-code-branch{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M80%20104a24%2024%200%201%200%200-48a24%2024%200%201%200%200%2048m80-24c0%2032.8-19.7%2061-48%2073.3v87.8c18.8-10.9%2040.7-17.1%2064-17.1h96c35.3%200%2064-28.7%2064-64v-6.7c-28.3-12.3-48-40.5-48-73.3c0-44.2%2035.8-80%2080-80s80%2035.8%2080%2080c0%2032.8-19.7%2061-48%2073.3v6.7c0%2070.7-57.3%20128-128%20128h-96c-35.3%200-64%2028.7-64%2064v6.7c28.3%2012.3%2048%2040.5%2048%2073.3c0%2044.2-35.8%2080-80%2080S0%20476.2%200%20432c0-32.8%2019.7-61%2048-73.3V153.3C19.7%20141%200%20112.8%200%2080C0%2035.8%2035.8%200%2080%200s80%2035.8%2080%2080m232%200a24%2024%200%201%200-48%200a24%2024%200%201%200%2048%200M80%20456a24%2024%200%201%200%200-48a24%2024%200%201%200%200%2048'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M80%20104a24%2024%200%201%200%200-48a24%2024%200%201%200%200%2048m80-24c0%2032.8-19.7%2061-48%2073.3v87.8c18.8-10.9%2040.7-17.1%2064-17.1h96c35.3%200%2064-28.7%2064-64v-6.7c-28.3-12.3-48-40.5-48-73.3c0-44.2%2035.8-80%2080-80s80%2035.8%2080%2080c0%2032.8-19.7%2061-48%2073.3v6.7c0%2070.7-57.3%20128-128%20128h-96c-35.3%200-64%2028.7-64%2064v6.7c28.3%2012.3%2048%2040.5%2048%2073.3c0%2044.2-35.8%2080-80%2080S0%20476.2%200%20432c0-32.8%2019.7-61%2048-73.3V153.3C19.7%20141%200%20112.8%200%2080C0%2035.8%2035.8%200%2080%200s80%2035.8%2080%2080m232%200a24%2024%200%201%200-48%200a24%2024%200%201%200%2048%200M80%20456a24%2024%200%201%200%200-48a24%2024%200%201%200%200%2048'/></svg>")}.fa-comments{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20512'><path%20d='M208%20352c114.9%200%20208-78.8%20208-176S322.9%200%20208%200S0%2078.8%200%20176c0%2038.6%2014.7%2074.3%2039.6%20103.4c-3.5%209.4-8.7%2017.7-14.2%2024.7c-4.8%206.2-9.7%2011-13.3%2014.3c-1.8%201.6-3.3%202.9-4.3%203.7c-.5.4-.9.7-1.1.8l-.2.2C1%20327.2-1.4%20334.4.8%20340.9S9.1%20352%2016%20352c21.8%200%2043.8-5.6%2062.1-12.5c9.2-3.5%2017.8-7.4%2025.2-11.4C134.1%20343.3%20169.8%20352%20208%20352m240-176c0%20112.3-99.1%20196.9-216.5%20207c24.3%2074.4%20104.9%20129%20200.5%20129c38.2%200%2073.9-8.7%20104.7-23.9c7.5%204%2016%207.9%2025.2%2011.4c18.3%206.9%2040.3%2012.5%2062.1%2012.5c6.9%200%2013.1-4.5%2015.2-11.1s-.2-13.8-5.8-17.9l-.2-.2c-.2-.2-.6-.4-1.1-.8c-1-.8-2.5-2-4.3-3.7c-3.6-3.3-8.5-8.1-13.3-14.3c-5.5-7-10.7-15.4-14.2-24.7c24.9-29%2039.6-64.7%2039.6-103.4c0-92.8-84.9-168.9-192.6-175.5c.4%205.1.6%2010.3.6%2015.5z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20512'><path%20d='M208%20352c114.9%200%20208-78.8%20208-176S322.9%200%20208%200S0%2078.8%200%20176c0%2038.6%2014.7%2074.3%2039.6%20103.4c-3.5%209.4-8.7%2017.7-14.2%2024.7c-4.8%206.2-9.7%2011-13.3%2014.3c-1.8%201.6-3.3%202.9-4.3%203.7c-.5.4-.9.7-1.1.8l-.2.2C1%20327.2-1.4%20334.4.8%20340.9S9.1%20352%2016%20352c21.8%200%2043.8-5.6%2062.1-12.5c9.2-3.5%2017.8-7.4%2025.2-11.4C134.1%20343.3%20169.8%20352%20208%20352m240-176c0%20112.3-99.1%20196.9-216.5%20207c24.3%2074.4%20104.9%20129%20200.5%20129c38.2%200%2073.9-8.7%20104.7-23.9c7.5%204%2016%207.9%2025.2%2011.4c18.3%206.9%2040.3%2012.5%2062.1%2012.5c6.9%200%2013.1-4.5%2015.2-11.1s-.2-13.8-5.8-17.9l-.2-.2c-.2-.2-.6-.4-1.1-.8c-1-.8-2.5-2-4.3-3.7c-3.6-3.3-8.5-8.1-13.3-14.3c-5.5-7-10.7-15.4-14.2-24.7c24.9-29%2039.6-64.7%2039.6-103.4c0-92.8-84.9-168.9-192.6-175.5c.4%205.1.6%2010.3.6%2015.5z'/></svg>")}.fa-database{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M448%2080v48c0%2044.2-100.3%2080-224%2080S0%20172.2%200%20128V80C0%2035.8%20100.3%200%20224%200s224%2035.8%20224%2080m-54.8%20134.7c20.8-7.4%2039.9-16.9%2054.8-28.6V288c0%2044.2-100.3%2080-224%2080S0%20332.2%200%20288V186.1c14.9%2011.8%2034%2021.2%2054.8%2028.6C99.7%20230.7%20159.5%20240%20224%20240s124.3-9.3%20169.2-25.3M0%20346.1c14.9%2011.8%2034%2021.2%2054.8%2028.6C99.7%20390.7%20159.5%20400%20224%20400s124.3-9.3%20169.2-25.3c20.8-7.4%2039.9-16.9%2054.8-28.6V432c0%2044.2-100.3%2080-224%2080S0%20476.2%200%20432z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M448%2080v48c0%2044.2-100.3%2080-224%2080S0%20172.2%200%20128V80C0%2035.8%20100.3%200%20224%200s224%2035.8%20224%2080m-54.8%20134.7c20.8-7.4%2039.9-16.9%2054.8-28.6V288c0%2044.2-100.3%2080-224%2080S0%20332.2%200%20288V186.1c14.9%2011.8%2034%2021.2%2054.8%2028.6C99.7%20230.7%20159.5%20240%20224%20240s124.3-9.3%20169.2-25.3M0%20346.1c14.9%2011.8%2034%2021.2%2054.8%2028.6C99.7%20390.7%20159.5%20400%20224%20400s124.3-9.3%20169.2-25.3c20.8-7.4%2039.9-16.9%2054.8-28.6V432c0%2044.2-100.3%2080-224%2080S0%20476.2%200%20432z'/></svg>")}.fa-diagram-project{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'><path%20d='M0%2080c0-26.5%2021.5-48%2048-48h96c26.5%200%2048%2021.5%2048%2048v16h192V80c0-26.5%2021.5-48%2048-48h96c26.5%200%2048%2021.5%2048%2048v96c0%2026.5-21.5%2048-48%2048h-96c-26.5%200-48-21.5-48-48v-16H192v16c0%201.7-.1%203.4-.3%205L272%20288h96c26.5%200%2048%2021.5%2048%2048v96c0%2026.5-21.5%2048-48%2048h-96c-26.5%200-48-21.5-48-48v-96c0-1.7.1-3.4.3-5L144%20224H48c-26.5%200-48-21.5-48-48z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'><path%20d='M0%2080c0-26.5%2021.5-48%2048-48h96c26.5%200%2048%2021.5%2048%2048v16h192V80c0-26.5%2021.5-48%2048-48h96c26.5%200%2048%2021.5%2048%2048v96c0%2026.5-21.5%2048-48%2048h-96c-26.5%200-48-21.5-48-48v-16H192v16c0%201.7-.1%203.4-.3%205L272%20288h96c26.5%200%2048%2021.5%2048%2048v96c0%2026.5-21.5%2048-48%2048h-96c-26.5%200-48-21.5-48-48v-96c0-1.7.1-3.4.3-5L144%20224H48c-26.5%200-48-21.5-48-48z'/></svg>")}.fa-envelope{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M48%2064C21.5%2064%200%2085.5%200%20112c0%2015.1%207.1%2029.3%2019.2%2038.4l217.6%20163.2c11.4%208.5%2027%208.5%2038.4%200l217.6-163.2c12.1-9.1%2019.2-23.3%2019.2-38.4c0-26.5-21.5-48-48-48zM0%20176v208c0%2035.3%2028.7%2064%2064%2064h384c35.3%200%2064-28.7%2064-64V176L294.4%20339.2a63.9%2063.9%200%200%201-76.8%200z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M48%2064C21.5%2064%200%2085.5%200%20112c0%2015.1%207.1%2029.3%2019.2%2038.4l217.6%20163.2c11.4%208.5%2027%208.5%2038.4%200l217.6-163.2c12.1-9.1%2019.2-23.3%2019.2-38.4c0-26.5-21.5-48-48-48zM0%20176v208c0%2035.3%2028.7%2064%2064%2064h384c35.3%200%2064-28.7%2064-64V176L294.4%20339.2a63.9%2063.9%200%200%201-76.8%200z'/></svg>")}.fa-home{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'><path%20d='M575.8%20255.5c0%2018-15%2032.1-32%2032.1h-32l.7%20160.2c0%202.7-.2%205.4-.5%208.1v16.2c0%2022.1-17.9%2040-40%2040h-16c-1.1%200-2.2%200-3.3-.1c-1.4.1-2.8.1-4.2.1L416%20512h-24c-22.1%200-40-17.9-40-40v-88c0-17.7-14.3-32-32-32h-64c-17.7%200-32%2014.3-32%2032v88c0%2022.1-17.9%2040-40%2040h-55.9c-1.5%200-3-.1-4.5-.2c-1.2.1-2.4.2-3.6.2h-16c-22.1%200-40-17.9-40-40V360c0-.9%200-1.9.1-2.8v-69.7h-32c-18%200-32-14-32-32.1c0-9%203-17%2010-24L266.4%208c7-7%2015-8%2022-8s15%202%2021%207l255.4%20224.5c8%207%2012%2015%2011%2024'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'><path%20d='M575.8%20255.5c0%2018-15%2032.1-32%2032.1h-32l.7%20160.2c0%202.7-.2%205.4-.5%208.1v16.2c0%2022.1-17.9%2040-40%2040h-16c-1.1%200-2.2%200-3.3-.1c-1.4.1-2.8.1-4.2.1L416%20512h-24c-22.1%200-40-17.9-40-40v-88c0-17.7-14.3-32-32-32h-64c-17.7%200-32%2014.3-32%2032v88c0%2022.1-17.9%2040-40%2040h-55.9c-1.5%200-3-.1-4.5-.2c-1.2.1-2.4.2-3.6.2h-16c-22.1%200-40-17.9-40-40V360c0-.9%200-1.9.1-2.8v-69.7h-32c-18%200-32-14-32-32.1c0-9%203-17%2010-24L266.4%208c7-7%2015-8%2022-8s15%202%2021%207l255.4%20224.5c8%207%2012%2015%2011%2024'/></svg>")}.fa-house{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'><path%20d='M575.8%20255.5c0%2018-15%2032.1-32%2032.1h-32l.7%20160.2c0%202.7-.2%205.4-.5%208.1v16.2c0%2022.1-17.9%2040-40%2040h-16c-1.1%200-2.2%200-3.3-.1c-1.4.1-2.8.1-4.2.1L416%20512h-24c-22.1%200-40-17.9-40-40v-88c0-17.7-14.3-32-32-32h-64c-17.7%200-32%2014.3-32%2032v88c0%2022.1-17.9%2040-40%2040h-55.9c-1.5%200-3-.1-4.5-.2c-1.2.1-2.4.2-3.6.2h-16c-22.1%200-40-17.9-40-40V360c0-.9%200-1.9.1-2.8v-69.7h-32c-18%200-32-14-32-32.1c0-9%203-17%2010-24L266.4%208c7-7%2015-8%2022-8s15%202%2021%207l255.4%20224.5c8%207%2012%2015%2011%2024'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'><path%20d='M575.8%20255.5c0%2018-15%2032.1-32%2032.1h-32l.7%20160.2c0%202.7-.2%205.4-.5%208.1v16.2c0%2022.1-17.9%2040-40%2040h-16c-1.1%200-2.2%200-3.3-.1c-1.4.1-2.8.1-4.2.1L416%20512h-24c-22.1%200-40-17.9-40-40v-88c0-17.7-14.3-32-32-32h-64c-17.7%200-32%2014.3-32%2032v88c0%2022.1-17.9%2040-40%2040h-55.9c-1.5%200-3-.1-4.5-.2c-1.2.1-2.4.2-3.6.2h-16c-22.1%200-40-17.9-40-40V360c0-.9%200-1.9.1-2.8v-69.7h-32c-18%200-32-14-32-32.1c0-9%203-17%2010-24L266.4%208c7-7%2015-8%2022-8s15%202%2021%207l255.4%20224.5c8%207%2012%2015%2011%2024'/></svg>")}.fa-language{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20512'><path%20d='M0%20128c0-35.3%2028.7-64%2064-64h512c35.3%200%2064%2028.7%2064%2064v256c0%2035.3-28.7%2064-64%2064H64c-35.3%200-64-28.7-64-64zm320%200v256h256V128zm-141.7%2047.9c-3.2-7.2-10.4-11.9-18.3-11.9s-15.1%204.7-18.3%2011.9l-64%20144c-4.5%2010.1.1%2021.9%2010.2%2026.4s21.9-.1%2026.4-10.2l8.9-20.1h73.6l8.9%2020.1c4.5%2010.1%2016.3%2014.6%2026.4%2010.2s14.6-16.3%2010.2-26.4zM160%20233.2l19%2042.8h-38zM448%20164c11%200%2020%209%2020%2020v4h60c11%200%2020%209%2020%2020s-9%2020-20%2020h-2l-1.6%204.5c-8.9%2024.4-22.4%2046.6-39.6%2065.4c.9.6%201.8%201.1%202.7%201.6l18.9%2011.3c9.5%205.7%2012.5%2018%206.9%2027.4s-18%2012.5-27.4%206.9L467%20333.8c-4.5-2.7-8.8-5.5-13.1-8.5c-10.6%207.5-21.9%2014-34%2019.4l-3.6%201.6c-10.1%204.5-21.9-.1-26.4-10.2s.1-21.9%2010.2-26.4l3.6-1.6c6.4-2.9%2012.6-6.1%2018.5-9.8L410%20286.1c-7.8-7.8-7.8-20.5%200-28.3s20.5-7.8%2028.3%200l14.6%2014.6l.5.5c12.4-13.1%2022.5-28.3%2029.8-45l-35.2.1h-72c-11%200-20-9-20-20s9-20%2020-20h52v-4c0-11%209-20%2020-20'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20512'><path%20d='M0%20128c0-35.3%2028.7-64%2064-64h512c35.3%200%2064%2028.7%2064%2064v256c0%2035.3-28.7%2064-64%2064H64c-35.3%200-64-28.7-64-64zm320%200v256h256V128zm-141.7%2047.9c-3.2-7.2-10.4-11.9-18.3-11.9s-15.1%204.7-18.3%2011.9l-64%20144c-4.5%2010.1.1%2021.9%2010.2%2026.4s21.9-.1%2026.4-10.2l8.9-20.1h73.6l8.9%2020.1c4.5%2010.1%2016.3%2014.6%2026.4%2010.2s14.6-16.3%2010.2-26.4zM160%20233.2l19%2042.8h-38zM448%20164c11%200%2020%209%2020%2020v4h60c11%200%2020%209%2020%2020s-9%2020-20%2020h-2l-1.6%204.5c-8.9%2024.4-22.4%2046.6-39.6%2065.4c.9.6%201.8%201.1%202.7%201.6l18.9%2011.3c9.5%205.7%2012.5%2018%206.9%2027.4s-18%2012.5-27.4%206.9L467%20333.8c-4.5-2.7-8.8-5.5-13.1-8.5c-10.6%207.5-21.9%2014-34%2019.4l-3.6%201.6c-10.1%204.5-21.9-.1-26.4-10.2s.1-21.9%2010.2-26.4l3.6-1.6c6.4-2.9%2012.6-6.1%2018.5-9.8L410%20286.1c-7.8-7.8-7.8-20.5%200-28.3s20.5-7.8%2028.3%200l14.6%2014.6l.5.5c12.4-13.1%2022.5-28.3%2029.8-45l-35.2.1h-72c-11%200-20-9-20-20s9-20%2020-20h52v-4c0-11%209-20%2020-20'/></svg>")}.fa-lightbulb{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'><path%20d='M272%20384c9.6-31.9%2029.5-59.1%2049.2-86.2c5.2-7.1%2010.4-14.2%2015.4-21.4c19.8-28.5%2031.4-63%2031.4-100.3C368%2078.8%20289.2%200%20192%200S16%2078.8%2016%20176c0%2037.3%2011.6%2071.9%2031.4%20100.3c5%207.2%2010.2%2014.3%2015.4%2021.4c19.8%2027.1%2039.7%2054.4%2049.2%2086.2h160zm-80%20128c44.2%200%2080-35.8%2080-80v-16H112v16c0%2044.2%2035.8%2080%2080%2080m-80-336c0%208.8-7.2%2016-16%2016s-16-7.2-16-16c0-61.9%2050.1-112%20112-112c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016c-44.2%200-80%2035.8-80%2080'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'><path%20d='M272%20384c9.6-31.9%2029.5-59.1%2049.2-86.2c5.2-7.1%2010.4-14.2%2015.4-21.4c19.8-28.5%2031.4-63%2031.4-100.3C368%2078.8%20289.2%200%20192%200S16%2078.8%2016%20176c0%2037.3%2011.6%2071.9%2031.4%20100.3c5%207.2%2010.2%2014.3%2015.4%2021.4c19.8%2027.1%2039.7%2054.4%2049.2%2086.2h160zm-80%20128c44.2%200%2080-35.8%2080-80v-16H112v16c0%2044.2%2035.8%2080%2080%2080m-80-336c0%208.8-7.2%2016-16%2016s-16-7.2-16-16c0-61.9%2050.1-112%20112-112c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016c-44.2%200-80%2035.8-80%2080'/></svg>")}.fa-location-dot{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'><path%20d='M215.7%20499.2C267%20435%20384%20279.4%20384%20192C384%2086%20298%200%20192%200S0%2086%200%20192c0%2087.4%20117%20243%20168.3%20307.2c12.3%2015.3%2035.1%2015.3%2047.4%200M192%20128a64%2064%200%201%201%200%20128a64%2064%200%201%201%200-128'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'><path%20d='M215.7%20499.2C267%20435%20384%20279.4%20384%20192C384%2086%20298%200%20192%200S0%2086%200%20192c0%2087.4%20117%20243%20168.3%20307.2c12.3%2015.3%2035.1%2015.3%2047.4%200M192%20128a64%2064%200%201%201%200%20128a64%2064%200%201%201%200-128'/></svg>")}.fa-map-marker-alt{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'><path%20d='M215.7%20499.2C267%20435%20384%20279.4%20384%20192C384%2086%20298%200%20192%200S0%2086%200%20192c0%2087.4%20117%20243%20168.3%20307.2c12.3%2015.3%2035.1%2015.3%2047.4%200M192%20128a64%2064%200%201%201%200%20128a64%2064%200%201%201%200-128'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'><path%20d='M215.7%20499.2C267%20435%20384%20279.4%20384%20192C384%2086%20298%200%20192%200S0%2086%200%20192c0%2087.4%20117%20243%20168.3%20307.2c12.3%2015.3%2035.1%2015.3%2047.4%200M192%20128a64%2064%200%201%201%200%20128a64%2064%200%201%201%200-128'/></svg>")}.fa-moon{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'><path%20d='M223.5%2032C100%2032%200%20132.3%200%20256s100%20224%20223.5%20224c60.6%200%20115.5-24.2%20155.8-63.4c5-4.9%206.3-12.5%203.1-18.7s-10.1-9.7-17-8.5c-9.8%201.7-19.8%202.6-30.1%202.6c-96.9%200-175.5-78.8-175.5-176c0-65.8%2036-123.1%2089.3-153.3c6.1-3.5%209.2-10.5%207.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'><path%20d='M223.5%2032C100%2032%200%20132.3%200%20256s100%20224%20223.5%20224c60.6%200%20115.5-24.2%20155.8-63.4c5-4.9%206.3-12.5%203.1-18.7s-10.1-9.7-17-8.5c-9.8%201.7-19.8%202.6-30.1%202.6c-96.9%200-175.5-78.8-175.5-176c0-65.8%2036-123.1%2089.3-153.3c6.1-3.5%209.2-10.5%207.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z'/></svg>")}.fa-plug{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'><path%20d='M96%200C78.3%200%2064%2014.3%2064%2032v96h64V32c0-17.7-14.3-32-32-32m192%200c-17.7%200-32%2014.3-32%2032v96h64V32c0-17.7-14.3-32-32-32M32%20160c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032v32c0%2077.4%2055%20142%20128%20156.8V480c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32v-67.2C297%20398%20352%20333.4%20352%20256v-32c17.7%200%2032-14.3%2032-32s-14.3-32-32-32z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'><path%20d='M96%200C78.3%200%2064%2014.3%2064%2032v96h64V32c0-17.7-14.3-32-32-32m192%200c-17.7%200-32%2014.3-32%2032v96h64V32c0-17.7-14.3-32-32-32M32%20160c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032v32c0%2077.4%2055%20142%20128%20156.8V480c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32v-67.2C297%20398%20352%20333.4%20352%20256v-32c17.7%200%2032-14.3%2032-32s-14.3-32-32-32z'/></svg>")}.fa-rocket{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M156.6%20384.9L125.7%20354c-8.5-8.5-11.5-20.8-7.7-32.2c3-8.9%207-20.5%2011.8-33.8H24c-8.6%200-16.6-4.6-20.9-12.1s-4.2-16.7.2-24.1l52.5-88.5c13-21.9%2036.5-35.3%2061.9-35.3H200c2.4-4%204.8-7.7%207.2-11.3C289.1-4.1%20411.1-8.1%20483.9%205.3c11.6%202.1%2020.6%2011.2%2022.8%2022.8c13.4%2072.9%209.3%20194.8-111.4%20276.7c-3.5%202.4-7.3%204.8-11.3%207.2v82.3c0%2025.4-13.4%2049-35.3%2061.9l-88.5%2052.5c-7.4%204.4-16.6%204.5-24.1.2S224%20496.7%20224%20488V380.8c-14.1%204.9-26.4%208.9-35.7%2011.9c-11.2%203.6-23.4.5-31.8-7.8zM384%20168a40%2040%200%201%200%200-80a40%2040%200%201%200%200%2080'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M156.6%20384.9L125.7%20354c-8.5-8.5-11.5-20.8-7.7-32.2c3-8.9%207-20.5%2011.8-33.8H24c-8.6%200-16.6-4.6-20.9-12.1s-4.2-16.7.2-24.1l52.5-88.5c13-21.9%2036.5-35.3%2061.9-35.3H200c2.4-4%204.8-7.7%207.2-11.3C289.1-4.1%20411.1-8.1%20483.9%205.3c11.6%202.1%2020.6%2011.2%2022.8%2022.8c13.4%2072.9%209.3%20194.8-111.4%20276.7c-3.5%202.4-7.3%204.8-11.3%207.2v82.3c0%2025.4-13.4%2049-35.3%2061.9l-88.5%2052.5c-7.4%204.4-16.6%204.5-24.1.2S224%20496.7%20224%20488V380.8c-14.1%204.9-26.4%208.9-35.7%2011.9c-11.2%203.6-23.4.5-31.8-7.8zM384%20168a40%2040%200%201%200%200-80a40%2040%200%201%200%200%2080'/></svg>")}.fa-server{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M64%2032C28.7%2032%200%2060.7%200%2096v64c0%2035.3%2028.7%2064%2064%2064h384c35.3%200%2064-28.7%2064-64V96c0-35.3-28.7-64-64-64zm280%2072a24%2024%200%201%201%200%2048a24%2024%200%201%201%200-48m48%2024a24%2024%200%201%201%2048%200a24%2024%200%201%201-48%200M64%20288c-35.3%200-64%2028.7-64%2064v64c0%2035.3%2028.7%2064%2064%2064h384c35.3%200%2064-28.7%2064-64v-64c0-35.3-28.7-64-64-64zm280%2072a24%2024%200%201%201%200%2048a24%2024%200%201%201%200-48m56%2024a24%2024%200%201%201%2048%200a24%2024%200%201%201-48%200'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M64%2032C28.7%2032%200%2060.7%200%2096v64c0%2035.3%2028.7%2064%2064%2064h384c35.3%200%2064-28.7%2064-64V96c0-35.3-28.7-64-64-64zm280%2072a24%2024%200%201%201%200%2048a24%2024%200%201%201%200-48m48%2024a24%2024%200%201%201%2048%200a24%2024%200%201%201-48%200M64%20288c-35.3%200-64%2028.7-64%2064v64c0%2035.3%2028.7%2064%2064%2064h384c35.3%200%2064-28.7%2064-64v-64c0-35.3-28.7-64-64-64zm280%2072a24%2024%200%201%201%200%2048a24%2024%200%201%201%200-48m56%2024a24%2024%200%201%201%2048%200a24%2024%200%201%201-48%200'/></svg>")}.fa-shield-halved{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M256%200c4.6%200%209.2%201%2013.4%202.9l188.3%2079.9c22%209.3%2038.4%2031%2038.3%2057.2c-.5%2099.2-41.3%20280.7-213.6%20363.2c-16.7%208-36.1%208-52.8%200C57.3%20420.7%2016.5%20239.2%2016%20140c-.1-26.2%2016.3-47.9%2038.3-57.2L242.7%202.9C246.8%201%20251.4%200%20256%200m0%2066.8v378.1C394%20378%20431.1%20230.1%20432%20141.4z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M256%200c4.6%200%209.2%201%2013.4%202.9l188.3%2079.9c22%209.3%2038.4%2031%2038.3%2057.2c-.5%2099.2-41.3%20280.7-213.6%20363.2c-16.7%208-36.1%208-52.8%200C57.3%20420.7%2016.5%20239.2%2016%20140c-.1-26.2%2016.3-47.9%2038.3-57.2L242.7%202.9C246.8%201%20251.4%200%20256%200m0%2066.8v378.1C394%20378%20431.1%20230.1%20432%20141.4z'/></svg>")}.fa-sun{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M361.5%201.2c5%202.1%208.6%206.6%209.6%2011.9L391%20121l107.9%2019.8c5.3%201%209.8%204.6%2011.9%209.6s1.5%2010.7-1.6%2015.2L446.9%20256l62.3%2090.3c3.1%204.5%203.7%2010.2%201.6%2015.2s-6.6%208.6-11.9%209.6L391%20391l-19.9%20107.9c-1%205.3-4.6%209.8-9.6%2011.9s-10.7%201.5-15.2-1.6L256%20446.9l-90.3%2062.3c-4.5%203.1-10.2%203.7-15.2%201.6s-8.6-6.6-9.6-11.9L121%20391L13.1%20371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7%201.6-15.2L65.1%20256L2.8%20165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6%2011.9-9.6L121%20121l19.9-107.9c1-5.3%204.6-9.8%209.6-11.9s10.7-1.5%2015.2%201.6L256%2065.1l90.3-62.3c4.5-3.1%2010.2-3.7%2015.2-1.6M160%20256a96%2096%200%201%201%20192%200a96%2096%200%201%201-192%200m224%200a128%20128%200%201%200-256%200a128%20128%200%201%200%20256%200'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M361.5%201.2c5%202.1%208.6%206.6%209.6%2011.9L391%20121l107.9%2019.8c5.3%201%209.8%204.6%2011.9%209.6s1.5%2010.7-1.6%2015.2L446.9%20256l62.3%2090.3c3.1%204.5%203.7%2010.2%201.6%2015.2s-6.6%208.6-11.9%209.6L391%20391l-19.9%20107.9c-1%205.3-4.6%209.8-9.6%2011.9s-10.7%201.5-15.2-1.6L256%20446.9l-90.3%2062.3c-4.5%203.1-10.2%203.7-15.2%201.6s-8.6-6.6-9.6-11.9L121%20391L13.1%20371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7%201.6-15.2L65.1%20256L2.8%20165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6%2011.9-9.6L121%20121l19.9-107.9c1-5.3%204.6-9.8%209.6-11.9s10.7-1.5%2015.2%201.6L256%2065.1l90.3-62.3c4.5-3.1%2010.2-3.7%2015.2-1.6M160%20256a96%2096%200%201%201%20192%200a96%2096%200%201%201-192%200m224%200a128%20128%200%201%200-256%200a128%20128%200%201%200%20256%200'/></svg>")}.fa-user{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M224%20256a128%20128%200%201%200%200-256a128%20128%200%201%200%200%20256m-45.7%2048C79.8%20304%200%20383.8%200%20482.3C0%20498.7%2013.3%20512%2029.7%20512h388.6c16.4%200%2029.7-13.3%2029.7-29.7c0-98.5-79.8-178.3-178.3-178.3z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M224%20256a128%20128%200%201%200%200-256a128%20128%200%201%200%200%20256m-45.7%2048C79.8%20304%200%20383.8%200%20482.3C0%20498.7%2013.3%20512%2029.7%20512h388.6c16.4%200%2029.7-13.3%2029.7-29.7c0-98.5-79.8-178.3-178.3-178.3z'/></svg>")}.fa-vial{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M342.6%209.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l9.4%209.4L28.1%20342.6C10.1%20360.6%200%20385%200%20410.5v5.5c0%2053%2043%2096%2096%2096h5.5c25.5%200%2049.9-10.1%2067.9-28.1L448%20205.3l9.4%209.4c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3l-32-32l-96-96l-32-32zM205.3%20256L352%20109.3l50.7%2050.7l-96%2096H205.2z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M342.6%209.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l9.4%209.4L28.1%20342.6C10.1%20360.6%200%20385%200%20410.5v5.5c0%2053%2043%2096%2096%2096h5.5c25.5%200%2049.9-10.1%2067.9-28.1L448%20205.3l9.4%209.4c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3l-32-32l-96-96l-32-32zM205.3%20256L352%20109.3l50.7%2050.7l-96%2096H205.2z'/></svg>")}.fa-github{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20496%20512'><path%20d='M165.9%20397.4c0%202-2.3%203.6-5.2%203.6c-3.3.3-5.6-1.3-5.6-3.6c0-2%202.3-3.6%205.2-3.6c3-.3%205.6%201.3%205.6%203.6m-31.1-4.5c-.7%202%201.3%204.3%204.3%204.9c2.6%201%205.6%200%206.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2%202.3m44.2-1.7c-2.9.7-4.9%202.6-4.6%204.9c.3%202%202.9%203.3%205.9%202.6c2.9-.7%204.9-2.6%204.6-4.6c-.3-1.9-3-3.2-5.9-2.9M244.8%208C106.1%208%200%20113.3%200%20252c0%20110.9%2069.8%20205.8%20169.5%20239.2c12.8%202.3%2017.3-5.6%2017.3-12.1c0-6.2-.3-40.4-.3-61.4c0%200-70%2015-84.7-29.8c0%200-11.4-29.1-27.8-36.6c0%200-22.9-15.7%201.6-15.4c0%200%2024.9%202%2038.6%2025.8c21.9%2038.6%2058.6%2027.5%2072.9%2020.9c2.3-16%208.8-27.1%2016-33.7c-55.9-6.2-112.3-14.3-112.3-110.5c0-27.5%207.6-41.3%2023.6-58.9c-2.6-6.5-11.1-33.3%202.6-67.9c20.9-6.5%2069%2027%2069%2027c20-5.6%2041.5-8.5%2062.8-8.5s42.8%202.9%2062.8%208.5c0%200%2048.1-33.6%2069-27c13.7%2034.7%205.2%2061.4%202.6%2067.9c16%2017.7%2025.8%2031.5%2025.8%2058.9c0%2096.5-58.9%20104.2-114.8%20110.5c9.2%207.9%2017%2022.9%2017%2046.4c0%2033.7-.3%2075.4-.3%2083.6c0%206.5%204.6%2014.4%2017.3%2012.1C428.2%20457.8%20496%20362.9%20496%20252C496%20113.3%20383.5%208%20244.8%208M97.2%20352.9c-1.3%201-1%203.3.7%205.2c1.6%201.6%203.9%202.3%205.2%201c1.3-1%201-3.3-.7-5.2c-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7%201.3.3%202.9%202.3%203.9c1.6%201%203.6.7%204.3-.7c.7-1.3-.3-2.9-2.3-3.9c-2-.6-3.6-.3-4.3.7m32.4%2035.6c-1.6%201.3-1%204.3%201.3%206.2c2.3%202.3%205.2%202.6%206.5%201c1.3-1.3.7-4.3-1.3-6.2c-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6%201-1.6%203.6%200%205.9s4.3%203.3%205.6%202.3c1.6-1.3%201.6-3.9%200-6.2c-1.4-2.3-4-3.3-5.6-2'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20496%20512'><path%20d='M165.9%20397.4c0%202-2.3%203.6-5.2%203.6c-3.3.3-5.6-1.3-5.6-3.6c0-2%202.3-3.6%205.2-3.6c3-.3%205.6%201.3%205.6%203.6m-31.1-4.5c-.7%202%201.3%204.3%204.3%204.9c2.6%201%205.6%200%206.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2%202.3m44.2-1.7c-2.9.7-4.9%202.6-4.6%204.9c.3%202%202.9%203.3%205.9%202.6c2.9-.7%204.9-2.6%204.6-4.6c-.3-1.9-3-3.2-5.9-2.9M244.8%208C106.1%208%200%20113.3%200%20252c0%20110.9%2069.8%20205.8%20169.5%20239.2c12.8%202.3%2017.3-5.6%2017.3-12.1c0-6.2-.3-40.4-.3-61.4c0%200-70%2015-84.7-29.8c0%200-11.4-29.1-27.8-36.6c0%200-22.9-15.7%201.6-15.4c0%200%2024.9%202%2038.6%2025.8c21.9%2038.6%2058.6%2027.5%2072.9%2020.9c2.3-16%208.8-27.1%2016-33.7c-55.9-6.2-112.3-14.3-112.3-110.5c0-27.5%207.6-41.3%2023.6-58.9c-2.6-6.5-11.1-33.3%202.6-67.9c20.9-6.5%2069%2027%2069%2027c20-5.6%2041.5-8.5%2062.8-8.5s42.8%202.9%2062.8%208.5c0%200%2048.1-33.6%2069-27c13.7%2034.7%205.2%2061.4%202.6%2067.9c16%2017.7%2025.8%2031.5%2025.8%2058.9c0%2096.5-58.9%20104.2-114.8%20110.5c9.2%207.9%2017%2022.9%2017%2046.4c0%2033.7-.3%2075.4-.3%2083.6c0%206.5%204.6%2014.4%2017.3%2012.1C428.2%20457.8%20496%20362.9%20496%20252C496%20113.3%20383.5%208%20244.8%208M97.2%20352.9c-1.3%201-1%203.3.7%205.2c1.6%201.6%203.9%202.3%205.2%201c1.3-1%201-3.3-.7-5.2c-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7%201.3.3%202.9%202.3%203.9c1.6%201%203.6.7%204.3-.7c.7-1.3-.3-2.9-2.3-3.9c-2-.6-3.6-.3-4.3.7m32.4%2035.6c-1.6%201.3-1%204.3%201.3%206.2c2.3%202.3%205.2%202.6%206.5%201c1.3-1.3.7-4.3-1.3-6.2c-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6%201-1.6%203.6%200%205.9s4.3%203.3%205.6%202.3c1.6-1.3%201.6-3.9%200-6.2c-1.4-2.3-4-3.3-5.6-2'/></svg>")}.fa-linkedin{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M416%2032H31.9C14.3%2032%200%2046.5%200%2064.3v383.4C0%20465.5%2014.3%20480%2031.9%20480H416c17.6%200%2032-14.5%2032-32.3V64.3c0-17.8-14.4-32.3-32-32.3M135.4%20416H69V202.2h66.5V416zm-33.2-243c-21.3%200-38.5-17.3-38.5-38.5S80.9%2096%20102.2%2096c21.2%200%2038.5%2017.3%2038.5%2038.5c0%2021.3-17.2%2038.5-38.5%2038.5m282.1%20243h-66.4V312c0-24.8-.5-56.7-34.5-56.7c-34.6%200-39.9%2027-39.9%2054.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8%2030.6-34.5%2062.9-34.5c67.2%200%2079.7%2044.3%2079.7%20101.9z'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'><path%20d='M416%2032H31.9C14.3%2032%200%2046.5%200%2064.3v383.4C0%20465.5%2014.3%20480%2031.9%20480H416c17.6%200%2032-14.5%2032-32.3V64.3c0-17.8-14.4-32.3-32-32.3M135.4%20416H69V202.2h66.5V416zm-33.2-243c-21.3%200-38.5-17.3-38.5-38.5S80.9%2096%20102.2%2096c21.2%200%2038.5%2017.3%2038.5%2038.5c0%2021.3-17.2%2038.5-38.5%2038.5m282.1%20243h-66.4V312c0-24.8-.5-56.7-34.5-56.7c-34.6%200-39.9%2027-39.9%2054.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8%2030.6-34.5%2062.9-34.5c67.2%200%2079.7%2044.3%2079.7%20101.9z'/></svg>")}.fa-react{-webkit-mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M418.2%20177.2q-8.1-2.7-16.2-5.1c.9-3.7%201.7-7.4%202.5-11.1c12.3-59.6%204.2-107.5-23.1-123.3c-26.3-15.1-69.2.6-112.6%2038.4c-4.3%203.7-8.5%207.6-12.5%2011.5c-2.7-2.6-5.5-5.2-8.3-7.7c-45.5-40.4-91.1-57.4-118.4-41.5c-26.2%2015.2-34%2060.3-23%20116.7c1.1%205.6%202.3%2011.1%203.7%2016.7c-6.4%201.8-12.7%203.8-18.6%205.9C38.3%20196.2%200%20225.4%200%20255.6c0%2031.2%2040.8%2062.5%2096.3%2081.5c4.5%201.5%209%203%2013.6%204.3c-1.5%206-2.8%2011.9-4%2018c-10.5%2055.5-2.3%2099.5%2023.9%20114.6c27%2015.6%2072.4-.4%20116.6-39.1c3.5-3.1%207-6.3%2010.5-9.7c4.4%204.3%209%208.4%2013.6%2012.4c42.8%2036.8%2085.1%2051.7%20111.2%2036.6c27-15.6%2035.8-62.9%2024.4-120.5q-1.35-6.6-3-13.5c3.2-.9%206.3-1.9%209.4-2.9c57.7-19.1%2099.5-50%2099.5-81.7c0-30.3-39.4-59.7-93.8-78.4M282.9%2092.3c37.2-32.4%2071.9-45.1%2087.7-36c16.9%209.7%2023.4%2048.9%2012.8%20100.4c-.7%203.4-1.4%206.7-2.3%2010c-22.2-5-44.7-8.6-67.3-10.6c-13-18.6-27.2-36.4-42.6-53.1c3.9-3.7%207.7-7.2%2011.7-10.7M167.2%20307.5c5.1%208.7%2010.3%2017.4%2015.8%2025.9c-15.6-1.7-31.1-4.2-46.4-7.5c4.4-14.4%209.9-29.3%2016.3-44.5c4.6%208.8%209.3%2017.5%2014.3%2026.1m-30.3-120.3c14.4-3.2%2029.7-5.8%2045.6-7.8c-5.3%208.3-10.5%2016.8-15.4%2025.4c-4.9%208.5-9.7%2017.2-14.2%2026c-6.3-14.9-11.6-29.5-16-43.6m27.4%2068.9c6.6-13.8%2013.8-27.3%2021.4-40.6s15.8-26.2%2024.4-38.9c15-1.1%2030.3-1.7%2045.9-1.7s31%20.6%2045.9%201.7q12.75%2018.9%2024.3%2038.7c11.55%2019.8%2014.9%2026.7%2021.7%2040.4q-10.05%2020.7-21.6%2040.8c-7.6%2013.3-15.7%2026.2-24.2%2039c-14.9%201.1-30.4%201.6-46.1%201.6s-30.9-.5-45.6-1.4q-13.05-19.05-24.6-39c-11.55-19.95-14.8-26.8-21.5-40.6m180.6%2051.2c5.1-8.8%209.9-17.7%2014.6-26.7c6.4%2014.5%2012%2029.2%2016.9%2044.3c-15.5%203.5-31.2%206.2-47%208c5.4-8.4%2010.5-17%2015.5-25.6m14.4-76.5c-4.7-8.8-9.5-17.6-14.5-26.2q-7.35-12.75-15.3-25.2c16.1%202%2031.5%204.7%2045.9%208c-4.6%2014.8-10%2029.2-16.1%2043.4M256.2%20118.3c10.5%2011.4%2020.4%2023.4%2029.6%2035.8c-19.8-.9-39.7-.9-59.5%200c9.8-12.9%2019.9-24.9%2029.9-35.8M140.2%2057c16.8-9.8%2054.1%204.2%2093.4%2039c2.5%202.2%205%204.6%207.6%207c-15.5%2016.7-29.8%2034.5-42.9%2053.1c-22.6%202-45%205.5-67.2%2010.4c-1.3-5.1-2.4-10.3-3.5-15.5c-9.4-48.4-3.2-84.9%2012.6-94m-24.5%20263.6c-4.2-1.2-8.3-2.5-12.4-3.9c-21.3-6.7-45.5-17.3-63-31.2c-10.1-7-16.9-17.8-18.8-29.9c0-18.3%2031.6-41.7%2077.2-57.6c5.7-2%2011.5-3.8%2017.3-5.5c6.8%2021.7%2015%2043%2024.5%2063.6c-9.6%2020.9-17.9%2042.5-24.8%2064.5m116.6%2098c-16.5%2015.1-35.6%2027.1-56.4%2035.3c-11.1%205.3-23.9%205.8-35.3%201.3c-15.9-9.2-22.5-44.5-13.5-92c1.1-5.6%202.3-11.2%203.7-16.7c22.4%204.8%2045%208.1%2067.9%209.8c13.2%2018.7%2027.7%2036.6%2043.2%2053.4c-3.2%203.1-6.4%206.1-9.6%208.9m24.5-24.3c-10.2-11-20.4-23.2-30.3-36.3c9.6.4%2019.5.6%2029.5.6c10.3%200%2020.4-.2%2030.4-.7c-9.2%2012.7-19.1%2024.8-29.6%2036.4m130.7%2030c-.9%2012.2-6.9%2023.6-16.5%2031.3c-15.9%209.2-49.8-2.8-86.4-34.2c-4.2-3.6-8.4-7.5-12.7-11.5c15.3-16.9%2029.4-34.8%2042.2-53.6c22.9-1.9%2045.7-5.4%2068.2-10.5c1%204.1%201.9%208.2%202.7%2012.2c4.9%2021.6%205.7%2044.1%202.5%2066.3m18.2-107.5c-2.8.9-5.6%201.8-8.5%202.6c-7-21.8-15.6-43.1-25.5-63.8c9.6-20.4%2017.7-41.4%2024.5-62.9c5.2%201.5%2010.2%203.1%2015%204.7c46.6%2016%2079.3%2039.8%2079.3%2058c0%2019.6-34.9%2044.9-84.8%2061.4m-149.7-15c25.3%200%2045.8-20.5%2045.8-45.8s-20.5-45.8-45.8-45.8s-45.8%2020.5-45.8%2045.8s20.5%2045.8%2045.8%2045.8'/></svg>");mask-image:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20d='M418.2%20177.2q-8.1-2.7-16.2-5.1c.9-3.7%201.7-7.4%202.5-11.1c12.3-59.6%204.2-107.5-23.1-123.3c-26.3-15.1-69.2.6-112.6%2038.4c-4.3%203.7-8.5%207.6-12.5%2011.5c-2.7-2.6-5.5-5.2-8.3-7.7c-45.5-40.4-91.1-57.4-118.4-41.5c-26.2%2015.2-34%2060.3-23%20116.7c1.1%205.6%202.3%2011.1%203.7%2016.7c-6.4%201.8-12.7%203.8-18.6%205.9C38.3%20196.2%200%20225.4%200%20255.6c0%2031.2%2040.8%2062.5%2096.3%2081.5c4.5%201.5%209%203%2013.6%204.3c-1.5%206-2.8%2011.9-4%2018c-10.5%2055.5-2.3%2099.5%2023.9%20114.6c27%2015.6%2072.4-.4%20116.6-39.1c3.5-3.1%207-6.3%2010.5-9.7c4.4%204.3%209%208.4%2013.6%2012.4c42.8%2036.8%2085.1%2051.7%20111.2%2036.6c27-15.6%2035.8-62.9%2024.4-120.5q-1.35-6.6-3-13.5c3.2-.9%206.3-1.9%209.4-2.9c57.7-19.1%2099.5-50%2099.5-81.7c0-30.3-39.4-59.7-93.8-78.4M282.9%2092.3c37.2-32.4%2071.9-45.1%2087.7-36c16.9%209.7%2023.4%2048.9%2012.8%20100.4c-.7%203.4-1.4%206.7-2.3%2010c-22.2-5-44.7-8.6-67.3-10.6c-13-18.6-27.2-36.4-42.6-53.1c3.9-3.7%207.7-7.2%2011.7-10.7M167.2%20307.5c5.1%208.7%2010.3%2017.4%2015.8%2025.9c-15.6-1.7-31.1-4.2-46.4-7.5c4.4-14.4%209.9-29.3%2016.3-44.5c4.6%208.8%209.3%2017.5%2014.3%2026.1m-30.3-120.3c14.4-3.2%2029.7-5.8%2045.6-7.8c-5.3%208.3-10.5%2016.8-15.4%2025.4c-4.9%208.5-9.7%2017.2-14.2%2026c-6.3-14.9-11.6-29.5-16-43.6m27.4%2068.9c6.6-13.8%2013.8-27.3%2021.4-40.6s15.8-26.2%2024.4-38.9c15-1.1%2030.3-1.7%2045.9-1.7s31%20.6%2045.9%201.7q12.75%2018.9%2024.3%2038.7c11.55%2019.8%2014.9%2026.7%2021.7%2040.4q-10.05%2020.7-21.6%2040.8c-7.6%2013.3-15.7%2026.2-24.2%2039c-14.9%201.1-30.4%201.6-46.1%201.6s-30.9-.5-45.6-1.4q-13.05-19.05-24.6-39c-11.55-19.95-14.8-26.8-21.5-40.6m180.6%2051.2c5.1-8.8%209.9-17.7%2014.6-26.7c6.4%2014.5%2012%2029.2%2016.9%2044.3c-15.5%203.5-31.2%206.2-47%208c5.4-8.4%2010.5-17%2015.5-25.6m14.4-76.5c-4.7-8.8-9.5-17.6-14.5-26.2q-7.35-12.75-15.3-25.2c16.1%202%2031.5%204.7%2045.9%208c-4.6%2014.8-10%2029.2-16.1%2043.4M256.2%20118.3c10.5%2011.4%2020.4%2023.4%2029.6%2035.8c-19.8-.9-39.7-.9-59.5%200c9.8-12.9%2019.9-24.9%2029.9-35.8M140.2%2057c16.8-9.8%2054.1%204.2%2093.4%2039c2.5%202.2%205%204.6%207.6%207c-15.5%2016.7-29.8%2034.5-42.9%2053.1c-22.6%202-45%205.5-67.2%2010.4c-1.3-5.1-2.4-10.3-3.5-15.5c-9.4-48.4-3.2-84.9%2012.6-94m-24.5%20263.6c-4.2-1.2-8.3-2.5-12.4-3.9c-21.3-6.7-45.5-17.3-63-31.2c-10.1-7-16.9-17.8-18.8-29.9c0-18.3%2031.6-41.7%2077.2-57.6c5.7-2%2011.5-3.8%2017.3-5.5c6.8%2021.7%2015%2043%2024.5%2063.6c-9.6%2020.9-17.9%2042.5-24.8%2064.5m116.6%2098c-16.5%2015.1-35.6%2027.1-56.4%2035.3c-11.1%205.3-23.9%205.8-35.3%201.3c-15.9-9.2-22.5-44.5-13.5-92c1.1-5.6%202.3-11.2%203.7-16.7c22.4%204.8%2045%208.1%2067.9%209.8c13.2%2018.7%2027.7%2036.6%2043.2%2053.4c-3.2%203.1-6.4%206.1-9.6%208.9m24.5-24.3c-10.2-11-20.4-23.2-30.3-36.3c9.6.4%2019.5.6%2029.5.6c10.3%200%2020.4-.2%2030.4-.7c-9.2%2012.7-19.1%2024.8-29.6%2036.4m130.7%2030c-.9%2012.2-6.9%2023.6-16.5%2031.3c-15.9%209.2-49.8-2.8-86.4-34.2c-4.2-3.6-8.4-7.5-12.7-11.5c15.3-16.9%2029.4-34.8%2042.2-53.6c22.9-1.9%2045.7-5.4%2068.2-10.5c1%204.1%201.9%208.2%202.7%2012.2c4.9%2021.6%205.7%2044.1%202.5%2066.3m18.2-107.5c-2.8.9-5.6%201.8-8.5%202.6c-7-21.8-15.6-43.1-25.5-63.8c9.6-20.4%2017.7-41.4%2024.5-62.9c5.2%201.5%2010.2%203.1%2015%204.7c46.6%2016%2079.3%2039.8%2079.3%2058c0%2019.6-34.9%2044.9-84.8%2061.4m-149.7-15c25.3%200%2045.8-20.5%2045.8-45.8s-20.5-45.8-45.8-45.8s-45.8%2020.5-45.8%2045.8s20.5%2045.8%2045.8%2045.8'/></svg>")}@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=JetBrains+Mono:wght@400;500;600&display=swap');*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;}html:focus-within{scroll-behavior:smooth;}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto;}input,button,textarea,select{font:inherit;}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto;}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}.skip-link{position:absolute;top:-100px;left:20px;background:var(--accent-primary);color:white;padding:0.75rem 1.5rem;text-decoration:none;border-radius:0.5rem;z-index:10000;font-weight:600;font-size:0.875rem;transition:top 0.3s ease;box-shadow:0 4px 20px rgba(112,70,255,0.4);}.skip-link:focus{top:20px;outline:2px solid var(--accent-tertiary);outline-offset:2px;}main{height:100%;}section{position:relative;min-height:100vh;min-height:100svh;height:auto;scroll-snap-align:start;scroll-snap-stop:normal;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:center;max-width:100%;}.nav-item{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}.orbit,.orbit-item{animation:none !important;}.cursor,.cursor-follower{display:none !important;}.skeleton{animation:none !important;background:var(--border-color) !important;}}:root{--bg-primary:#0d0d0f;--bg-secondary:#121215;--bg-tertiary:#17171a;--bg-card:#1a1a1e;--bg-card-hover:#1a1a1e;--text-primary:#f5f5f7;--text-secondary:#b0b0b8;--text-tertiary:#70707a;--text-muted:#4a4a52;--accent-primary:#7046ff;--accent-secondary:#ff4678;--accent-tertiary:#46ffdb;--accent-hover:#8866ff;--border-color:#2a2a32;--border-hover:#3a3a42;--shadow-sm:0 2px 8px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.15);--shadow-md:0 8px 24px rgba(0,0,0,0.35),0 4px 8px rgba(0,0,0,0.2);--shadow-lg:0 24px 48px rgba(0,0,0,0.45),0 12px 24px rgba(0,0,0,0.25);--shadow-xl:0 32px 64px rgba(0,0,0,0.55),0 16px 32px rgba(0,0,0,0.3);--shadow-glow:0 0 40px rgba(112,70,255,0.25),0 0 20px rgba(112,70,255,0.15);--gradient-primary:linear-gradient(135deg,#7046ff 0%,#ff4678 100%);--gradient-secondary:linear-gradient(135deg,#ff4678 0%,#46ffdb 100%);--gradient-tertiary:linear-gradient(135deg,#46ffdb 0%,#7046ff 100%);--gradient-text:linear-gradient(135deg,#ffffff 0%,#a8a8a8 100%);--gradient-mesh:radial-gradient(at 20% 30%,rgba(112,70,255,0.15) 0%,transparent 50%),radial-gradient(at 80% 70%,rgba(255,70,120,0.15) 0%,transparent 50%),radial-gradient(at 40% 80%,rgba(70,255,219,0.15) 0%,transparent 50%);--glow-primary:0 0 30px rgba(112,70,255,0.5);--glow-secondary:0 0 30px rgba(255,70,120,0.5);--glow-tertiary:0 0 30px rgba(70,255,219,0.5);}[data-theme="light"]{--bg-primary:#f0f0f2;--bg-secondary:#f5f5f7;--bg-tertiary:#e8e8eb;--bg-card:rgba(245,245,247,0.95);--bg-card-hover:rgba(245,245,247,0.95);--text-primary:#0f1419;--text-secondary:#536471;--text-tertiary:#687684;--text-muted:#8b98a5;--accent-primary:#5046e5;--accent-secondary:#e5484d;--accent-tertiary:#00b388;--accent-hover:#6366f1;--border-color:#e4e7eb;--border-hover:#cbd5e1;--shadow-sm:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-glow:0 0 30px rgba(80,70,229,0.25),0 0 60px rgba(80,70,229,0.15);--gradient-primary:linear-gradient(135deg,#5046e5 0%,#e5484d 100%);--gradient-secondary:linear-gradient(135deg,#e5484d 0%,#00b388 100%);--gradient-tertiary:linear-gradient(135deg,#00b388 0%,#5046e5 100%);--gradient-text:linear-gradient(135deg,#0f1419 0%,#536471 100%);--gradient-mesh:radial-gradient(at 20% 30%,rgba(80,70,229,0.06) 0%,transparent 50%),radial-gradient(at 80% 70%,rgba(229,72,77,0.06) 0%,transparent 50%),radial-gradient(at 40% 80%,rgba(0,179,136,0.06) 0%,transparent 50%);--glow-primary:0 0 20px rgba(80,70,229,0.25);--glow-secondary:0 0 20px rgba(229,72,77,0.25);--glow-tertiary:0 0 20px rgba(0,179,136,0.25);}html{scroll-behavior:smooth;cursor:none;overflow-x:hidden;-webkit-overflow-scrolling:touch;height:100%;max-width:100%;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);background-image:var(--gradient-mesh),repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,255,255,0.01) 20deg,transparent 40deg);background-attachment:fixed;background-size:100% 100%,60px 60px;transition:background-color 0.3s ease,color 0.3s ease;overflow-x:hidden;cursor:none;position:relative;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y proximity;}body::before{content:'';position:fixed;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 4px);pointer-events:none;z-index:1;}[data-theme="light"] body::before{background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(15,20,25,0.03) 3px,rgba(15,20,25,0.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(15,20,25,0.03) 3px,rgba(15,20,25,0.03) 4px);}[data-theme="light"] body::after{content:'';position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,transparent 0%,transparent 40%,rgba(80,70,229,0.03) 65%,transparent 70%),radial-gradient(circle at 80% 20%,transparent 0%,transparent 40%,rgba(229,72,77,0.03) 65%,transparent 70%),radial-gradient(circle at 40% 40%,transparent 0%,transparent 40%,rgba(0,179,136,0.03) 65%,transparent 70%),linear-gradient(180deg,rgba(245,245,247,0) 0%,rgba(237,237,240,0.3) 100%);background-size:600px 600px,700px 700px,500px 500px,100% 100%;background-position:-100px 100px,200px -100px,50px 50px,center;pointer-events:none;z-index:1;opacity:0.8;}@keyframes meshAnimation{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}.cursor{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;position:fixed;pointer-events:none;z-index:99999;opacity:0.8;mix-blend-mode:difference;display:block;top:-4px;left:-4px;will-change:transform;}.cursor.hover{background:white;mix-blend-mode:normal;}.cursor-follower{width:24px;height:24px;border:1px solid var(--accent-primary);border-radius:50%;position:fixed;pointer-events:none;z-index:99998;opacity:0.3;display:block;top:-12px;left:-12px;will-change:transform;}.cursor-follower.hover{border-color:white;opacity:0.5;}.cursor.hover{transform:scale(1.5);opacity:1;background:white;border:2px solid var(--accent-primary);mix-blend-mode:normal;}.cursor-follower.hover{transform:scale(1.2);opacity:0.6;border-width:2px;background:rgba(112,70,255,0.1);}.cursor{transition:opacity 0.15s ease,transform 0.2s cubic-bezier(0.25,0.46,0.45,0.94);}.cursor-follower{transition:opacity 0.3s cubic-bezier(0.25,0.1,0.25,1),transform 0.2s cubic-bezier(0.25,0.46,0.45,0.94);}[data-theme="light"] .cursor{background:var(--accent-primary);mix-blend-mode:normal;opacity:1;box-shadow:0 0 6px rgba(80,70,229,0.4);}[data-theme="light"] .cursor.hover{background:var(--accent-primary);border:2px solid white;box-shadow:0 0 8px rgba(80,70,229,0.6);}[data-theme="light"] .cursor-follower{border-color:var(--accent-primary);opacity:0.5;}[data-theme="light"] .cursor-follower.hover{border-color:var(--accent-primary);background:rgba(80,70,229,0.1);opacity:0.7;}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;letter-spacing:-0.03em;font-feature-settings:'ss01','ss02','ss03','ss04';}h1{font-size:clamp(3rem,8vw,6rem);}h2{font-size:clamp(2.5rem,6vw,4rem);}h3{font-size:clamp(1.5rem,3vw,2.5rem);}p{margin-bottom:1rem;color:var(--text-secondary);font-size:1.1rem;}a{color:var(--accent-primary);text-decoration:none;transition:all 0.3s ease;cursor:pointer;}button,.nav-item,#themeToggle,.link-arrow,.orbit-center,.orbit-item,.contact-button,.social-item,.panel-close{cursor:none !important;}.tech-slider,.tech-track,.tech-item{cursor:none !important;}.floating-nav{position:fixed;right:3rem;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:1rem;align-items:center;}.floating-nav .theme-toggle{background:var(--bg-secondary);border-style:dashed;border-color:var(--text-tertiary);opacity:0.8;}:root:not([data-theme="light"]) .theme-toggle i.fa-sun{color:white;}[data-theme="light"] .theme-toggle i.fa-moon{color:var(--text-primary);}.floating-nav::before{content:'';position:absolute;inset:-20px;background:radial-gradient(circle at center,var(--accent-primary),transparent 70%);opacity:0.1;filter:blur(40px);z-index:-1;}.nav-indicator{position:absolute;width:50px;height:50px;background:var(--accent-primary);border-radius:50%;opacity:0.2;transition:transform 0.3s cubic-bezier(0.25,0.1,0.25,1);z-index:-1;top:0;left:0;transform:translateY(0);pointer-events:none;}.nav-item{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:1.2rem;transition:all 0.3s ease;position:relative;overflow:hidden;}.nav-item::before{content:attr(data-tooltip);position:absolute;right:70px;white-space:nowrap;background:var(--bg-card);padding:0.5rem 1rem;border-radius:0.5rem;border:1px solid var(--border-color);font-size:0.875rem;opacity:0;transform:translateX(10px);transition:all 0.3s ease;pointer-events:none;}.nav-item:hover::before{opacity:1;transform:translateX(0);}.nav-item:hover,.nav-item:focus,.nav-item.active{color:var(--text-primary);border-color:var(--accent-primary);transform:scale(1.1);}.nav-item:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary);}.nav-item.active{background:var(--accent-primary);color:white;border-color:transparent;}.nav-item.active i{color:white;opacity:1;visibility:visible;}[data-theme="light"] .nav-item.active{background:var(--accent-primary);color:white;}[data-theme="light"] .nav-item.active i{color:white !important;opacity:1;visibility:visible;}.theme-toggle{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:1.2rem;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;}.theme-toggle:hover,.theme-toggle:focus{color:var(--accent-tertiary);border-color:var(--accent-tertiary);border-style:solid;opacity:1;transform:scale(1.1) rotate(15deg);box-shadow:0 0 20px rgba(70,255,219,0.2);}.theme-toggle:focus{outline:2px solid var(--accent-tertiary);outline-offset:2px;}.theme-toggle i{transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);}.theme-toggle.switching i{transform:rotate(360deg);}.hero-bento{height:100vh;padding:2rem;display:flex;flex-direction:row;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;}.bento-container{max-width:1400px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:1.25rem;padding:2rem;position:relative;z-index:2;margin:auto;}.bento-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.75rem;transition:transform 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s ease,border-color 0.2s ease;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(10px);\n backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;}.bento-item::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;}.bento-item::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);transform:translateX(-100%);transition:transform 0.6s ease;}.bento-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--accent-primary);}.bento-item:hover::after{transform:translateX(100%);}.bento-item:hover::before{opacity:0.08;}[data-theme="light"] .bento-tech:hover{background-image:linear-gradient(45deg,rgba(80,70,229,0.03) 25%,transparent 25%,transparent 75%,rgba(80,70,229,0.03) 75%,rgba(80,70,229,0.03)),linear-gradient(45deg,rgba(80,70,229,0.03) 25%,transparent 25%,transparent 75%,rgba(80,70,229,0.03) 75%,rgba(80,70,229,0.03));background-size:20px 20px;background-position:0 0,10px 10px;}.bento-photo{grid-column:span 3;grid-row:span 2;display:flex;align-items:center;justify-content:center;padding:0;position:relative;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));overflow:visible;min-height:380px;}[data-theme="light"] .bento-photo{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));}[data-theme="light"] .bento-hero{background:rgba(240,240,242,0.95);position:relative;}[data-theme="light"] .bento-hero:hover{background:rgba(240,240,242,0.95) !important;}[data-theme="light"] .bento-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;border-radius:inherit;}[data-theme="light"] .bento-hero:hover::before{opacity:0.08;}[data-theme="light"] .bento-status,[data-theme="light"] .bento-stats{background:rgba(240,240,242,0.95);}[data-theme="light"] .bento-tech{background:rgba(240,240,242,0.95);}[data-theme="light"] .bento-status:hover,[data-theme="light"] .bento-stats:hover,[data-theme="light"] .bento-tech:hover,[data-theme="light"] .bento-focus:hover{background:rgba(240,240,242,0.95) !important;}[data-theme="light"] .bento-focus{padding:1.5rem;}.bento-photo::before{content:'';position:absolute;inset:2px;background:var(--bg-primary);border-radius:1.5rem;z-index:0;}.bento-photo::after{content:'';position:absolute;inset:-20px;background:radial-gradient(circle at center,var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.5s ease;z-index:-1;filter:blur(40px);}.bento-photo:hover::after{opacity:0.4;}.bento-hero{grid-column:span 6;grid-row:span 2;display:flex;flex-direction:column;justify-content:center;padding:2.5rem;position:relative;}.bento-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;border-radius:inherit;}.bento-hero:hover::before{opacity:0.08;}.bento-status{grid-column:span 2;grid-row:span 1;height:180px;}.bento-status:hover .status-time{color:var(--accent-primary);}.bento-status:hover .status-dot{animation-duration:1s;}.bento-stats{grid-column:span 2;grid-row:span 1;display:flex;flex-direction:column;justify-content:space-around;height:180px;}.bento-tech{grid-column:span 5;grid-row:span 1;padding:1.5rem;display:flex;align-items:center;position:relative;overflow:hidden;}.bento-tech::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(112,70,255,0.03) 10px,rgba(112,70,255,0.03) 20px);pointer-events:none;opacity:0;transition:opacity 0.3s ease;}.bento-tech:hover::before{opacity:1;}.bento-focus{grid-column:span 5;grid-row:span 1;}.photo-frame{position:relative;width:180px;height:180px;z-index:2;background:linear-gradient(135deg,rgba(112,70,255,0.8) 0%,rgba(255,70,120,0.6) 50%,rgba(70,255,219,0.8) 100%);padding:6px;border-radius:50%;overflow:visible;animation:subtle-glow 4s ease-in-out infinite;transition:border-radius 0.5s ease,transform 0.5s cubic-bezier(0.4,0,0.2,1);}@keyframes subtle-glow{0%,100%{box-shadow:0 0 30px rgba(112,70,255,0.4),0 0 60px rgba(255,70,120,0.3),0 0 90px rgba(70,255,219,0.2),inset 0 0 20px rgba(112,70,255,0.1);}50%{box-shadow:0 0 40px rgba(112,70,255,0.5),0 0 80px rgba(255,70,120,0.4),0 0 120px rgba(70,255,219,0.3),inset 0 0 30px rgba(112,70,255,0.15);}}[data-theme="light"] @keyframes subtle-glow{0%,100%{box-shadow:0 0 40px rgba(80,70,229,0.3),0 0 80px rgba(229,72,77,0.2),0 0 120px rgba(0,179,136,0.15),0 10px 30px rgba(0,0,0,0.1),inset 0 0 30px rgba(80,70,229,0.2);}50%{box-shadow:0 0 50px rgba(80,70,229,0.4),0 0 100px rgba(229,72,77,0.3),0 0 150px rgba(0,179,136,0.2),0 15px 40px rgba(0,0,0,0.12),inset 0 0 40px rgba(80,70,229,0.25);}}.profile-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:1;filter:saturate(1.1) contrast(1.05);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);transform-origin:center center;box-shadow:0 15px 50px -12px rgba(112,70,255,0.25);}.bento-photo:hover .profile-photo{filter:saturate(1.2) contrast(1.1) brightness(1.05);transform:scale(1.08);box-shadow:0 20px 60px -15px rgba(112,70,255,0.5),0 10px 40px -10px rgba(255,70,120,0.3);animation:morph-unified 3s ease-in-out infinite;}.bento-photo:hover .photo-frame{transform:scale(1.08);animation:subtle-glow 4s ease-in-out infinite,morph-unified 3s ease-in-out infinite;box-shadow:0 0 50px rgba(112,70,255,0.6),0 0 100px rgba(255,70,120,0.5),0 0 150px rgba(70,255,219,0.4),inset 0 0 40px rgba(112,70,255,0.2);}.photo-ring{position:absolute;inset:-12px;border-radius:50%;opacity:0;z-index:1;transition:opacity 0.5s ease;}.photo-ring::before{content:'';position:absolute;inset:0;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary),var(--accent-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:10;}.photo-ring::after{content:'';position:absolute;inset:-8px;border-radius:50%;padding:3px;background:conic-gradient(from 180deg,var(--accent-secondary),var(--accent-tertiary),var(--accent-primary),var(--accent-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0.7;}.bento-photo:hover .photo-ring{opacity:0.8;}[data-theme="light"] .photo-frame{background:linear-gradient(135deg,rgba(80,70,229,0.9) 0%,rgba(229,72,77,0.8) 50%,rgba(0,179,136,0.9) 100%);box-shadow:0 0 40px rgba(80,70,229,0.3),0 0 80px rgba(229,72,77,0.2),0 0 120px rgba(0,179,136,0.15),0 10px 30px rgba(0,0,0,0.1),inset 0 0 30px rgba(80,70,229,0.2);}[data-theme="light"] .bento-photo:hover .photo-frame{box-shadow:0 0 60px rgba(80,70,229,0.5),0 0 120px rgba(229,72,77,0.4),0 0 180px rgba(0,179,136,0.3),0 15px 40px rgba(0,0,0,0.15),inset 0 0 50px rgba(80,70,229,0.25);}[data-theme="light"] .photo-ring::before,[data-theme="light"] .photo-ring::after{filter:brightness(1.1) saturate(1.2);}[data-theme="light"] .bento-photo:hover .photo-ring{opacity:0.9;}.bento-photo:hover .photo-ring::before{animation:rotate-ring 3s linear infinite,morph-main 4s ease-in-out infinite;}.bento-photo:hover .photo-ring::after{animation:rotate-ring 4s linear infinite reverse,morph-outer 5s ease-in-out infinite;}@keyframes rotate-ring{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes morph-main{0%,100%{border-radius:50%;transform:rotate(0deg) scale(1);}25%{border-radius:42% 58% 45% 55% / 55% 45% 55% 45%;transform:rotate(90deg) scale(1.02);}50%{border-radius:58% 42% 55% 45% / 45% 55% 45% 55%;transform:rotate(180deg) scale(0.98);}75%{border-radius:45% 55% 42% 58% / 58% 42% 58% 42%;transform:rotate(270deg) scale(1.01);}}@keyframes morph-outer{0%,100%{border-radius:50%;transform:rotate(0deg) scale(1);}20%{border-radius:40% 60% 45% 55% / 60% 40% 60% 40%;transform:rotate(-72deg) scale(1.03);}40%{border-radius:60% 40% 55% 45% / 40% 60% 40% 60%;transform:rotate(-144deg) scale(0.97);}60%{border-radius:45% 55% 40% 60% / 55% 45% 55% 45%;transform:rotate(-216deg) scale(1.02);}80%{border-radius:55% 45% 60% 40% / 45% 55% 45% 55%;transform:rotate(-288deg) scale(0.99);}}@keyframes morph-unified{0%,100%{border-radius:50%;}20%{border-radius:42% 58% 41% 59% / 58% 42% 58% 42%;}40%{border-radius:58% 42% 59% 41% / 42% 58% 42% 58%;}60%{border-radius:41% 59% 40% 60% / 59% 41% 59% 41%;}80%{border-radius:60% 40% 58% 42% / 40% 60% 40% 60%;}}@keyframes morph-photo{0%,100%{border-radius:50%;}25%{border-radius:45% 55% 43% 57% / 55% 45% 55% 45%;}50%{border-radius:55% 45% 57% 43% / 45% 55% 45% 55%;}75%{border-radius:43% 57% 45% 55% / 57% 43% 57% 43%;}}@keyframes pulse-ring{0%{transform:scale(1);opacity:0.5;}50%{transform:scale(1.1);opacity:0.3;}100%{transform:scale(1);opacity:0.5;}}.hero-badge{display:inline-block;padding:0.5rem 1rem;background:rgba(91,255,211,0.1);color:var(--accent-tertiary);border:1px solid var(--accent-tertiary);border-radius:2rem;font-size:0.875rem;font-weight:500;margin-bottom:1.5rem;animation:pulse 2s infinite;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.7;}}.hero-name{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:0.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-primary) 25%,var(--accent-secondary) 50%,var(--accent-tertiary) 75%,var(--text-primary) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:gradientShift 4s ease-in-out infinite;filter:drop-shadow(0 2px 10px rgba(112,70,255,0.3));line-height:1.1;}@keyframes gradientShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}.glitch{position:relative;}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.glitch::before{animation:glitch-1 6s infinite;clip:rect(44px,450px,56px,0);opacity:0.7;}.glitch::after{animation:glitch-2 6s infinite;clip:rect(44px,450px,56px,0);opacity:0.7;}@keyframes glitch-1{0%,90%{clip:rect(0,0,0,0);opacity:0;}91%{clip:rect(132px,350px,101px,30px);opacity:0.5;}92%{clip:rect(28px,410px,66px,0);opacity:0.5;}93%{clip:rect(59px,450px,31px,0);opacity:0.5;}94%{clip:rect(0,0,0,0);opacity:0;}100%{clip:rect(0,0,0,0);opacity:0;}}@keyframes glitch-2{0%,92%{clip:rect(0,0,0,0);transform:translateX(0);opacity:0;}93%{clip:rect(65px,450px,119px,0);transform:translateX(-1px);opacity:0.5;}94%{clip:rect(75px,430px,15px,0);transform:translateX(1px);opacity:0.5;}95%{clip:rect(113px,450px,25px,0);transform:translateX(-1px);opacity:0.5;}96%{clip:rect(0,0,0,0);transform:translateX(0);opacity:0;}100%{clip:rect(0,0,0,0);transform:translateX(0);opacity:0;}}.hero-tagline{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5;}.link-arrow{display:inline-flex;align-items:center;gap:0.5rem;color:var(--text-primary);font-weight:500;transition:all 0.3s ease;padding:0.75rem 1.5rem;border-radius:0.5rem;background:var(--bg-card);border:1px solid var(--border-color);text-decoration:none;}.link-arrow i{transition:transform 0.3s ease;}.link-arrow:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md);}.link-arrow:hover{color:var(--accent-primary);}.link-arrow:hover i{transform:translateX(5px);}.status-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.25rem;font-size:0.875rem;color:#10b981;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;background:linear-gradient(90deg,transparent,rgba(16,185,129,0.1),transparent);padding:0.5rem;margin:-0.5rem -0.5rem 0.75rem -0.5rem;border-radius:0.5rem;}.status-dot{width:10px;height:10px;background:#10b981;border-radius:50%;animation:pulse-glow 2s ease-in-out infinite;box-shadow:0 0 0 3px rgba(16,185,129,0.3),0 0 15px rgba(16,185,129,0.6),0 0 25px rgba(16,185,129,0.4);position:relative;}@keyframes pulse-glow{0%,100%{opacity:1;box-shadow:0 0 0 2px rgba(16,185,129,0.2),0 0 10px rgba(16,185,129,0.4);}50%{opacity:0.8;box-shadow:0 0 0 3px rgba(16,185,129,0.15),0 0 20px rgba(16,185,129,0.6);}}.status-time{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:0.75rem;font-family:'JetBrains Mono',monospace;letter-spacing:-0.02em;line-height:1;transition:color 0.3s ease;}.status-location{font-size:0.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:0.25rem;font-weight:400;white-space:nowrap;}.status-location::before{content:'📍';font-size:0.7rem;opacity:0.7;}.status-content{}.stat-item{text-align:center;}.stat-number{font-size:2rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;font-family:'JetBrains Mono',monospace;letter-spacing:-0.05em;line-height:1;position:relative;}.stat-item{position:relative;}.stat-item::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:80%;height:2px;background:var(--accent-primary);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}.stat-item:hover::before{transform:translateX(-50%) scaleX(1);}.stat-item:hover .stat-number{animation:tech-glitch 0.3s ease-in-out;}.stat-number.counting{}@keyframes text-glitch{0%,100%{text-shadow:0.02em 0 #f0f,-0.02em -0 #0ff,0.01em -0 #f0f;}15%{text-shadow:0.5em 0 #f0f,-0.5em -0 #0ff,0.25em -0 #f0f;}20%,80%{text-shadow:0.02em 0 #f0f,-0.02em -0 #0ff,0.01em -0 #f0f;}85%{text-shadow:-0.5em 0 #f0f,0.5em -0 #0ff,-0.25em -0 #f0f;}}.stat-label{font-size:0.875rem;color:var(--text-tertiary);}.tech-slider{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);position:relative;padding:0.5rem 0;}.tech-slider::before,.tech-slider::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none;}.tech-slider::before{left:0;background:linear-gradient(to right,var(--bg-card),transparent);}.tech-slider::after{right:0;background:linear-gradient(to left,var(--bg-card),transparent);}.tech-track{display:flex;gap:2rem;animation:scroll 10s linear infinite;width:fit-content;}.tech-slider:hover .tech-track{animation-play-state:paused;}.tech-item{white-space:nowrap;color:var(--text-secondary);font-weight:600;font-size:1rem;font-family:'JetBrains Mono',monospace;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:none;padding:0.5rem 1rem;position:relative;border-radius:0.5rem;background:transparent;}.tech-item::before{content:'';position:absolute;inset:0;background:transparent;border-bottom:2px solid var(--accent-primary);opacity:0;border-radius:0.5rem;transform:scaleX(0);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);z-index:-1;}.tech-item:hover{color:var(--accent-primary);transform:none;text-shadow:0 0 10px rgba(112,70,255,0.5);}.tech-item:hover::before{opacity:1;transform:scaleX(1);}.tech-item:hover{animation:tech-glitch 0.3s ease-in-out;}@keyframes tech-glitch{0%,100%{text-shadow:none;}25%{text-shadow:-1px 0 #f0f,1px 0 #0ff;}50%{text-shadow:1px -1px #f0f,-1px 1px #0ff;}75%{text-shadow:-1px -1px #f0f,1px 1px #0ff;}}[data-theme="light"] .tech-item{color:var(--text-primary);opacity:0.6;}[data-theme="light"] .tech-track:hover .tech-item{color:var(--text-secondary);opacity:0.7;}[data-theme="light"] .tech-track:hover .tech-item:hover{color:var(--accent-primary);opacity:1;text-shadow:0 0 10px rgba(112,70,255,0.3);}[data-theme="light"] .bento-item{background:var(--bg-card) !important;border-color:var(--border-color);box-shadow:var(--shadow-sm);}[data-theme="light"] .bento-item:hover{background:var(--bg-card-hover) !important;border-color:var(--accent-primary);box-shadow:var(--shadow-md),0 0 40px rgba(80,70,229,0.2),0 0 0 1px rgba(80,70,229,0.3);}[data-theme="light"] .bento-item::before{background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--accent-primary),transparent 70%);}[data-theme="light"] .bento-item:hover::before{opacity:0.08;}[data-theme="light"] .hero-tagline{color:#6a6a6a !important;}[data-theme="light"] .hero-links a{color:var(--text-primary) !important;}@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}.quick-links-title{font-size:0.875rem;color:var(--text-tertiary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:0.1em;}.quick-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;width:100%;}.quick-link{padding:0.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0.5rem;color:var(--text-secondary);font-size:0.875rem;font-weight:500;text-align:center;transition:all 0.3s ease;}.quick-link:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:white;transform:translateY(-2px);}.social-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:1.2rem;transition:all 0.3s ease;}.social-link:hover{transform:translateY(-5px) scale(1.1);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--glow-primary);}.focus-title{font-size:0.875rem;color:var(--text-tertiary);margin-bottom:0.5rem;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:0.1em;}.focus-project{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;}.focus-progress{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;position:relative;}.focus-progress::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(112,70,255,0.3),transparent);animation:shimmer 2s infinite;}@keyframes shimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:3px;animation:progress 2s ease-out;position:relative;box-shadow:0 0 10px rgba(112,70,255,0.5);}@keyframes progress{from{width:0;}}.about-section{padding:6rem 2rem;background:var(--bg-secondary);scroll-snap-align:start;scroll-snap-stop:always;height:100vh;}.about-container{max-width:1200px;margin:0 auto;}.about-header{margin-bottom:4rem;}.section-title{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;position:relative;}.section-title::after{content:'';position:absolute;bottom:-1rem;left:0;width:100px;height:3px;background:var(--gradient-primary);border-radius:2px;}.title-number{font-size:5rem;font-weight:800;color:var(--accent-primary);opacity:0.2;font-family:'JetBrains Mono',monospace;}.title-text{font-size:clamp(2rem,4vw,3rem);font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;}.about-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;padding:2rem;transition:transform 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s ease,border-color 0.2s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);\n backdrop-filter:blur(10px);min-height:260px;}.about-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.5s ease;pointer-events:none;}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--accent-primary);}.about-card:hover::before{opacity:0.05;}.card-number{font-size:4rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0.15;position:absolute;top:1rem;right:1.5rem;font-family:'JetBrains Mono',monospace;filter:blur(1px);}.card-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;margin-bottom:1rem;position:relative;overflow:hidden;}.card-icon::before{content:'';position:absolute;inset:2px;background:var(--bg-card);border-radius:50%;z-index:0;}.card-icon i{font-size:1.5rem;color:var(--accent-primary);position:relative;z-index:1;transition:transform 0.3s ease;}.about-card:hover .card-icon i{transform:scale(1.2) rotate(5deg);}.about-card.about-image{display:none;}.about-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary);margin-top:0.5rem;}.about-card p{color:var(--text-secondary);line-height:1.6;font-size:0.95rem;}.about-image{grid-column:span 2;position:relative;height:300px;overflow:hidden;border-radius:1.5rem;}.about-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:all 0.3s ease;}.about-image:hover img{filter:grayscale(0%);transform:scale(1.05);}.image-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.about-image:hover .image-overlay{opacity:1;}.overlay-text{font-size:2rem;font-weight:700;color:white;transform:translateY(20px);transition:transform 0.3s ease;}.about-image:hover .overlay-text{transform:translateY(0);}.work-section{padding:6rem 2rem;background:var(--bg-primary);scroll-snap-align:start;scroll-snap-stop:always;height:100vh;}.work-container{max-width:1200px;margin:0 auto;}.work-header{margin-bottom:4rem;}.project-showcase{margin-bottom:6rem;}.featured-project{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:6rem;align-items:center;}.project-image-wrapper{position:relative;overflow:hidden;border-radius:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);}.project-image{width:100%;height:auto;display:block;transition:transform 0.5s ease;}.project-image-wrapper:hover .project-image{transform:scale(1.05);}.project-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.project-image-wrapper:hover .project-overlay{opacity:1;}.project-cta{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;background:var(--accent-primary);color:white;border-radius:0.5rem;font-weight:500;transform:translateY(20px);transition:all 0.3s ease;}.project-image-wrapper:hover .project-cta{transform:translateY(0);}.project-cta:hover{background:var(--accent-hover);}.project-info{display:flex;flex-direction:column;gap:1.5rem;}.project-year{font-size:0.875rem;color:var(--accent-primary);font-weight:500;font-family:'JetBrains Mono',monospace;}.project-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);}.project-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;}.project-stack{display:flex;gap:1rem;flex-wrap:wrap;}.stack-item{padding:0.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:0.5rem;font-size:0.875rem;color:var(--text-secondary);transition:all 0.3s ease;}.stack-item:hover{border-color:var(--accent-primary);color:var(--accent-primary);}.projects-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:2rem;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto;}.projects-bento.single-project{display:none;}.project-card.wide{padding:2.5rem 3rem;}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;padding:2rem;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;-webkit-backdrop-filter:blur(10px);\n backdrop-filter:blur(10px);}.project-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--accent-primary),transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;}.project-card.large{grid-column:span 2;grid-row:span 1;}.project-card.vertical{grid-column:span 1;grid-row:span 2;}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--accent-primary);}.project-card:hover h3{animation:title-glitch 0.3s ease-in-out;}@keyframes title-glitch{0%,100%{text-shadow:none;}25%{text-shadow:-2px 0 #f0f,2px 0 #0ff;}50%{text-shadow:2px -2px #f0f,-2px 2px #0ff;}75%{text-shadow:-2px -2px #f0f,2px 2px #0ff;}}.project-card:hover::before{opacity:0.08;}.project-number{font-size:4rem;font-weight:800;color:var(--accent-primary);opacity:0.15;position:absolute;top:1rem;right:2rem;font-family:'JetBrains Mono',monospace;z-index:1;}.card-content{position:relative;z-index:2;}.card-content h3{font-size:1.5rem;margin-bottom:0.5rem;color:var(--text-primary);margin-right:3rem;}.card-content p{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;}.card-tech{font-size:0.875rem;color:var(--text-tertiary);font-family:'JetBrains Mono',monospace;}.card-hover{position:absolute;inset:0;opacity:0;transition:opacity 0.3s ease;}.card-hover img{width:100%;height:100%;object-fit:cover;}.project-card:hover .card-hover{opacity:0.2;}.project-showcase{margin-top:4rem;}.showcase-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;min-height:500px;}.showcase-content{max-width:600px;}.project-label{font-size:0.875rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem;font-weight:600;}.project-title{font-size:3.5rem;font-weight:900;margin-bottom:1.5rem;line-height:1.1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.project-description{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem;}.project-tech-stack{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:2.5rem;}.tech-tag{padding:0.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2rem;font-size:0.875rem;color:var(--text-secondary);transition:all 0.3s ease;}.tech-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);}.project-actions{display:flex;gap:1rem;flex-wrap:wrap;}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;border-radius:0.5rem;font-weight:600;transition:all 0.3s ease;cursor:none;text-decoration:none;border:none;font-size:1rem;position:relative;z-index:1;}.btn-primary{background:var(--accent-primary);color:white;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(112,70,255,0.4);}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color);}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);}.visual-container{position:relative;}.browser-mockup{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0.75rem;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.3);transition:transform 0.3s ease;}.browser-mockup:hover{transform:translateY(-5px);box-shadow:0 30px 80px rgba(0,0,0,0.4);}.browser-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0.75rem 1rem;display:flex;align-items:center;justify-content:space-between;}.browser-url{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--text-tertiary);font-family:'JetBrains Mono',monospace;}.browser-url i{font-size:0.75rem;color:var(--accent-primary);}.browser-actions{display:flex;gap:1rem;align-items:center;}.browser-actions i{font-size:0.875rem;color:var(--text-tertiary);cursor:none;transition:color 0.3s ease;}.browser-actions i:hover{color:var(--text-primary);}.browser-content img{width:100%;height:auto;display:block;}.visual-stats{margin-top:2rem;display:flex;gap:1.5rem;justify-content:center;}.stat-badge{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0.5rem;padding:1rem 1.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);\n backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,0.2);}.stat-badge .stat-value{display:block;font-size:1.5rem;font-weight:900;color:var(--accent-primary);margin-bottom:0.25rem;}.stat-badge .stat-label{font-size:0.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.05em;}.skills-orbit-container{text-align:center;padding:2rem 0;}.orbit-title{font-size:2rem;margin-bottom:4rem;color:var(--text-primary);}.orbit-system{position:relative;width:500px;height:480px;margin:0 auto;}.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85px;height:85px;background:var(--bg-card);border:2px solid var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem;color:var(--accent-primary);z-index:2;transition:all 0.3s ease;pointer-events:auto;animation:pulse-glow 2s ease-in-out infinite;}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(112,70,255,0.3);}50%{box-shadow:0 0 30px rgba(112,70,255,0.5);}}.orbit-center:hover,.orbit-center.is-pinned{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 40px rgba(112,70,255,0.8),inset 0 0 20px rgba(112,70,255,0.3);background:var(--accent-primary);color:white;border-color:var(--accent-secondary);}.orbit-center.is-pinned{animation:none;cursor:pointer;}.orbit-item.is-active ~ .orbit-tooltip,.orbit-item.is-active .orbit-tooltip{opacity:1;}.orbit{position:absolute;border:1px dashed var(--border-color);border-radius:50%;animation:rotate 20s linear infinite;pointer-events:none;}.orbit-1{width:280px;height:280px;top:50%;left:50%;transform:translate(-50%,-50%);}.orbit-2{width:460px;height:460px;top:50%;left:50%;transform:translate(-50%,-50%);animation-duration:30s;animation-direction:reverse;}@keyframes rotate{from{transform:translate(-50%,-50%) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(360deg);}}.orbit-item{position:absolute;width:54px;height:54px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-secondary);transition:all 0.3s ease;animation:counter-rotate 20s linear infinite;z-index:5;pointer-events:auto;}.orbit-1 .orbit-item{z-index:10;}.orbit-2 .orbit-item{animation-duration:30s;animation-direction:reverse;z-index:5;}@keyframes counter-rotate{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}.orbit-item i{pointer-events:none;}.orbit-item::before{content:'';position:absolute;inset:-5px;border-radius:50%;opacity:0;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%);transition:opacity 0.3s ease;z-index:-1;}.orbit-item:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 20px rgba(112,70,255,0.6);z-index:100;}.orbit-item:hover::before{opacity:0.5;}.orbit-item i{pointer-events:none;}.skills-orbit-container{position:relative;}.orbit-tooltip{position:fixed;background:var(--accent-primary);color:white;padding:0.3rem 0.6rem;border-radius:0.25rem;font-size:0.75rem;font-weight:700;font-family:'JetBrains Mono',monospace;white-space:nowrap;text-transform:uppercase;letter-spacing:0.08em;box-shadow:0 4px 20px rgba(112,70,255,0.4);opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:10000;}.orbit-tooltip.active{opacity:1;animation:tooltip-glitch-shadow 0.3s infinite;}@keyframes tooltip-glitch-shadow{0%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}20%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}40%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}60%{text-shadow:0 2px #ff0080,0 -2px #00ffff,0 0 10px rgba(112,70,255,0.8);}80%{text-shadow:0 -2px #ff0080,0 2px #00ffff,0 0 10px rgba(112,70,255,0.8);}100%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}}.orbit-tooltip.glitch::before,.orbit-tooltip.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;padding:0.3rem 0.6rem;color:white;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0.8;}.orbit-tooltip.glitch::before{animation:glitch-1 0.3s infinite;clip:rect(44px,450px,56px,0);}.orbit-tooltip.glitch::after{animation:glitch-2 0.3s infinite;clip:rect(44px,450px,56px,0);}@keyframes glitch{0%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}20%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}40%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}60%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}80%{text-shadow:2px 0 #ff0080,-2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}100%{text-shadow:-2px 0 #ff0080,2px 0 #00ffff,0 0 10px rgba(112,70,255,0.8);}}@keyframes flicker{0%,100%{opacity:1;}50%{opacity:0.8;}}.skills-section{padding:6rem 2rem;background:var(--bg-secondary);scroll-snap-align:start;scroll-snap-stop:always;height:100vh;}.skills-container{max-width:1200px;margin:0 auto;width:100%;}img{opacity:0;transition:opacity 0.3s ease-in-out;}img.loaded{opacity:1;}img[loading]{opacity:1;}.animate-ready{opacity:0;transform:translateY(30px);}.animate-in{animation:fadeInUp 0.6s cubic-bezier(0.4,0,0.2,1) forwards;}@keyframes fadeInUp{to{opacity:1;transform:translateY(0);}}.bento-container .animate-in,.projects-bento .animate-in,.contact-bento .animate-in{animation-duration:0.8s;}.section-title.animate-ready{opacity:0;transform:translateX(-30px);}.section-title.animate-in{animation:fadeInLeft 0.8s cubic-bezier(0.4,0,0.2,1) forwards;}@keyframes fadeInLeft{to{opacity:1;transform:translateX(0);}}.counter.animate-ready{opacity:0;transform:scale(0.8);}.counter.counted{opacity:1;transform:scale(1);transition:all 0.4s ease;}.skeleton{animation:skeleton-loading 1s linear infinite alternate;background:linear-gradient(90deg,var(--bg-card) 25%,var(--border-color) 50%,var(--bg-card) 75%);background-size:200% 100%;border-radius:0.5rem;}@keyframes skeleton-loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.skeleton-text{height:1em;margin-bottom:0.5rem;border-radius:0.25rem;}.skeleton-text:last-child{width:80%;}.skeleton-image{width:100%;height:200px;border-radius:1rem;}.skeleton-avatar{width:100px;height:100px;border-radius:50%;}.project-card.loading .card-content{opacity:0.5;}.project-card.loading::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,0.1) 50%,transparent 75%);background-size:200% 100%;animation:skeleton-loading 1s linear infinite;border-radius:inherit;z-index:1;}.contact-section{padding:6rem 2rem;background:var(--bg-primary);scroll-snap-align:start;scroll-snap-stop:always;height:100vh;}.contact-container{max-width:1200px;margin:0 auto;}.contact-header{margin-bottom:4rem;}.contact-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,200px);gap:1.5rem;}.contact-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;padding:2rem;transition:all 0.3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}.contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary);}.contact-main{grid-column:span 2;grid-row:span 2;padding:3rem;}.contact-heading{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;}.contact-subheading{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.8;}.contact-button{position:relative;display:inline-block;padding:1rem 3rem;font-size:1.1rem;font-weight:600;color:white;overflow:hidden;border-radius:0.5rem;transition:all 0.3s ease;}.contact-button span{position:relative;z-index:2;}.button-bg{position:absolute;inset:0;background:var(--gradient-primary);transition:transform 0.3s ease;}.contact-button:hover .button-bg{transform:scale(1.1);}.contact-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}.contact-email,.contact-location{gap:1rem;}.contact-email i,.contact-location i{font-size:1.5rem;color:var(--accent-primary);}.contact-social{grid-column:span 2;flex-direction:column;gap:1rem;}.social-title{font-size:0.875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.5rem;}.social-links{display:flex;gap:1rem;}.social-item{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:1.2rem;transition:all 0.3s ease;}.social-item:hover{transform:translateY(-5px) rotate(360deg);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--glow-primary);}.footer{background:var(--bg-primary);padding:3rem 2rem;border-top:1px solid var(--border-color);}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}.footer-text p{margin:0;color:var(--text-tertiary);}.footer-tagline{font-size:0.875rem;margin-top:0.5rem;}.heart{color:var(--accent-secondary);animation:heartbeat 1.5s ease-in-out infinite;}@keyframes heartbeat{0%,100%{transform:scale(1);}50%{transform:scale(1.2);}}.coffee{color:var(--accent-tertiary);}.footer-time{font-family:'JetBrains Mono',monospace;color:var(--text-secondary);font-size:0.875rem;}[data-tilt]{transform-style:preserve-3d;transform:perspective(1000px);}@media (max-width:1024px){.showcase-hero{grid-template-columns:1fr;gap:3rem;}.showcase-content{text-align:center;max-width:none;}.project-tech-stack{justify-content:center;}.project-actions{justify-content:center;}.visual-stats{position:static;margin-top:2rem;justify-content:center;}.case-study-grid{grid-template-columns:1fr;gap:1.5rem;}}@media (max-width:768px){.project-title{font-size:2.5rem;}.project-description{font-size:1rem;}.btn-primary,.btn-secondary{width:100%;justify-content:center;}.browser-mockup{transform:none !important;}}@media (max-width:1200px){.bento-container{grid-template-columns:repeat(6,1fr);grid-template-rows:auto;}.bento-photo{grid-column:span 2;grid-row:span 1;}.bento-hero{grid-column:span 4;grid-row:span 1;}.bento-status,.bento-stats{grid-column:span 3;}.bento-tech{grid-column:span 6;}.bento-focus{grid-column:span 6;}.orbit-system{width:400px;height:400px;}.orbit-1{width:200px;height:200px;}.orbit-2{width:320px;height:320px;}}@media (max-width:768px){.floating-nav{right:1rem;}.nav-item,.theme-toggle{width:40px;height:40px;font-size:1rem;}.bento-container{grid-template-columns:1fr;gap:1rem;padding:1rem;}.bento-item{grid-column:span 1 !important;min-height:150px;}.bento-photo{min-height:250px;}.photo-frame{width:150px;height:150px;}.about-grid{grid-template-columns:1fr;}.about-image{grid-column:span 1;}.featured-project{grid-template-columns:1fr;gap:2rem;}.projects-bento{grid-template-columns:1fr;grid-template-rows:auto;}.project-card{grid-column:span 1 !important;grid-row:span 1 !important;min-height:200px;}.orbit-system{width:300px;height:300px;}.orbit-1{width:150px;height:150px;}.orbit-2{width:240px;height:240px;}.orbit-center{width:80px;height:80px;font-size:0.875rem;}.orbit-item{width:40px;height:40px;font-size:1.2rem;}.contact-bento{grid-template-columns:1fr;grid-template-rows:auto;}.contact-card{grid-column:span 1 !important;grid-row:span 1 !important;}.footer-content{flex-direction:column;gap:1rem;text-align:center;}.section-title{flex-direction:column;text-align:center;}.title-number{font-size:3rem;}.title-text{font-size:2rem;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.bento-item,.about-card,.project-card,.contact-card{animation:fadeInUp 0.6s ease-out;animation-fill-mode:both;}.bento-item:nth-child(1){animation-delay:0.1s;}.bento-item:nth-child(2){animation-delay:0.2s;}.bento-item:nth-child(3){animation-delay:0.3s;}.bento-item:nth-child(4){animation-delay:0.4s;}.bento-item:nth-child(5){animation-delay:0.5s;}.bento-item:nth-child(6){animation-delay:0.6s;}.particle{position:fixed;width:4px;height:4px;background:var(--accent-primary);border-radius:50%;pointer-events:none;z-index:9999;animation:particle-float 1s ease-out forwards;}@keyframes particle-float{0%{opacity:1;transform:translate(0,0) scale(1);}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0);}}body.loaded .bento-item.loaded{animation:pop-in 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);}@keyframes pop-in{0%{opacity:0;transform:scale(0.8) translateY(20px);}100%{opacity:1;transform:scale(1) translateY(0);}}::-webkit-scrollbar{width:10px;}::-webkit-scrollbar-track{background:var(--bg-secondary);}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:5px;}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover);}.tech-stack-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);width:90%;max-width:1000px;height:90vh;max-height:800px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:0 25px 50px rgba(0,0,0,0.5);z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.23,1,0.32,1);overflow:hidden;display:flex;flex-direction:column;}.tech-stack-panel.active{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible;}.panel-header{padding:2.5rem 3rem 2rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;}.panel-header h2{font-size:1.75rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;}.panel-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease;}.panel-close:hover{background:var(--bg-card);color:var(--accent-primary);transform:rotate(90deg);}.panel-content{flex:1;overflow-y:auto;padding:3rem;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;}.tech-category{margin-bottom:0;}.tech-category h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid var(--accent-primary);display:inline-block;}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;}.tech-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0.75rem;padding:1.25rem 0.75rem;display:flex;flex-direction:column;align-items:center;gap:0.75rem;transition:all 0.3s ease;cursor:default;}.tech-item:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 10px 20px rgba(112,70,255,0.2);}.tech-item i{font-size:2rem;color:var(--accent-primary);transition:all 0.3s ease;}.tech-item:hover i{transform:scale(1.2);color:var(--accent-secondary);}.tech-item span{font-size:0.875rem;color:var(--text-secondary);text-align:center;font-weight:500;}.tech-stack-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:999;backdrop-filter:blur(4px);}.tech-stack-overlay.active{opacity:1;visibility:visible;}@media (max-width:768px){.tech-stack-panel{width:95%;height:95vh;max-height:none;}.panel-content{grid-template-columns:1fr;gap:2rem;padding:2rem;}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:0.75rem;}.tech-item{padding:1rem 0.5rem;}.tech-item i{font-size:1.5rem;}.tech-item span{font-size:0.75rem;}}[data-theme="light"] .bento-item{background:linear-gradient(to bottom right,rgba(255,255,255,0.95),rgba(248,249,250,0.85)),radial-gradient(circle at 20% 80%,rgba(80,70,229,0.02) 0%,transparent 50%);border:1px solid rgba(228,231,235,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02),inset 0 1px 0 rgba(255,255,255,0.5);-webkit-backdrop-filter:blur(10px);\n backdrop-filter:blur(10px);position:relative;}[data-theme="light"] .bento-item::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(80,70,229,0.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;opacity:0.5;border-radius:inherit;}[data-theme="light"] .bento-item:hover{background:rgba(255,255,255,1);border-color:var(--accent-primary);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);}[data-theme="light"] .about-card,[data-theme="light"] .project-card{background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(248,249,250,0.93) 100%),radial-gradient(ellipse at top right,rgba(80,70,229,0.015) 0%,transparent 60%);border:1px solid rgba(228,231,235,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.04),0 0 0 1px rgba(228,231,235,0.2),inset 0 1px 0 rgba(255,255,255,0.7);position:relative;}[data-theme="light"] .work-section{background-image:radial-gradient(circle at 1px 1px,rgba(80,70,229,0.015) 1px,transparent 1px),var(--gradient-mesh);background-size:30px 30px,100% 100%;}[data-theme="light"] .contact-card{background:linear-gradient(to bottom,rgba(255,255,255,0.98),rgba(248,249,250,0.94)),radial-gradient(ellipse at center top,rgba(80,70,229,0.02) 0%,transparent 50%);border:1px solid rgba(228,231,235,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.04),0 0 0 1px rgba(228,231,235,0.15),inset 0 1px 0 rgba(255,255,255,0.8);position:relative;}[data-theme="light"] .contact-section{background-image:linear-gradient(45deg,rgba(80,70,229,0.01) 25%,transparent 25%,transparent 75%,rgba(80,70,229,0.01) 75%,rgba(80,70,229,0.01)),linear-gradient(45deg,rgba(80,70,229,0.01) 25%,transparent 25%,transparent 75%,rgba(80,70,229,0.01) 75%,rgba(80,70,229,0.01));background-size:40px 40px;background-position:0 0,20px 20px;}[data-theme="light"] .about-card:hover,[data-theme="light"] .project-card:hover,[data-theme="light"] .contact-card:hover{background:rgba(255,255,255,1);border-color:var(--accent-primary);box-shadow:0 10px 15px -3px rgba(0,0,0,0.12),0 4px 6px -2px rgba(0,0,0,0.06);}[data-theme="light"] .nav-item{background:rgba(255,255,255,0.95);border:1px solid rgba(228,231,235,0.9);box-shadow:0 2px 4px rgba(0,0,0,0.06);}[data-theme="light"] .nav-item:hover{box-shadow:0 4px 6px rgba(0,0,0,0.1);}[data-theme="light"] .nav-item.active{background:var(--accent-primary) !important;color:white !important;box-shadow:0 4px 6px rgba(0,0,0,0.1);}[data-theme="light"] .nav-item.active i{color:white !important;opacity:1;visibility:visible;}[data-theme="light"] .status-dot{box-shadow:0 0 0 3px rgba(16,185,129,0.15),0 0 12px rgba(16,185,129,0.2);}[data-theme="light"] .tech-item{background:rgba(255,255,255,0.95);border:1px solid rgba(228,231,235,0.9);box-shadow:0 1px 2px rgba(0,0,0,0.05);}[data-theme="light"] .tech-item:hover{background:rgba(255,255,255,1);box-shadow:0 4px 6px rgba(0,0,0,0.1);}[data-theme="light"] .browser-mockup{box-shadow:0 10px 20px -5px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);}[data-theme="light"] .stat-badge{background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(248,249,250,0.95) 100%);border:1px solid rgba(228,231,235,0.7);box-shadow:0 2px 4px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.8);}[data-theme="light"] .link-arrow{background:rgba(255,255,255,0.95);border-color:rgba(228,231,235,0.9);color:var(--text-primary);}[data-theme="light"] .link-arrow:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:white !important;box-shadow:0 4px 12px rgba(80,70,229,0.25);}[data-theme="light"] .link-arrow:hover span{color:white !important;}[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,[data-theme="light"] h4,[data-theme="light"] h5,[data-theme="light"] h6{color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,0.04);}[data-theme="light"] .glitch{text-shadow:0 2px 4px rgba(0,0,0,0.06);}[data-theme="light"] ::selection{background:rgba(80,70,229,0.2);color:var(--text-primary);}[data-theme="light"] ::-moz-selection{background:rgba(80,70,229,0.2);color:var(--text-primary);}[data-theme="light"] .hero-text{color:var(--text-primary);font-weight:500;}[data-theme="light"] .status-label,[data-theme="light"] .stat-label{color:var(--text-tertiary);font-weight:500;}[data-theme="light"] .tech-label{color:var(--text-secondary);font-weight:600;}[data-theme="light"] .tech-item span{color:var(--text-secondary);font-weight:500;}[data-theme="light"] .section-title .title-number{color:var(--text-tertiary);}[data-theme="light"] .section-title .title-text{color:var(--text-primary);}[data-theme="light"] .about-card h3{color:var(--text-primary);}[data-theme="light"] .about-card p{color:var(--text-secondary);line-height:1.6;}[data-theme="light"] .project-title{color:var(--text-primary);}[data-theme="light"] .project-description{color:var(--text-secondary);}[data-theme="light"] .contact-card h3{color:var(--text-primary);}[data-theme="light"] .contact-card p{color:var(--text-secondary);}[data-theme="light"] .social-platform{color:var(--text-secondary);font-weight:500;}:root:not([data-theme="light"]) .bento-item{background:linear-gradient(to bottom right,var(--bg-card),rgba(26,26,30,0.95)),radial-gradient(circle at 20% 80%,rgba(112,70,255,0.02) 0%,transparent 50%);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,0.02);}:root:not([data-theme="light"]) .bento-item:hover{background:linear-gradient(to bottom right,var(--bg-card-hover),rgba(31,31,35,0.95)),radial-gradient(circle at 20% 80%,rgba(112,70,255,0.04) 0%,transparent 50%);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,0.03);}:root:not([data-theme="light"]) .nav-item{background:rgba(26,26,30,0.6);backdrop-filter:blur(12px);border:1px solid rgba(42,42,50,0.5);box-shadow:0 2px 8px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.02);}:root:not([data-theme="light"]) .nav-item:hover{background:rgba(31,31,35,0.8);border-color:rgba(112,70,255,0.3);box-shadow:0 4px 12px rgba(0,0,0,0.3),0 0 0 1px rgba(112,70,255,0.1);}:root:not([data-theme="light"]) .tech-item{background:linear-gradient(135deg,rgba(26,26,30,0.8),rgba(31,31,35,0.8));border:1px solid rgba(42,42,50,0.4);}:root:not([data-theme="light"]) .tech-item:hover{background:linear-gradient(135deg,rgba(31,31,35,0.9),rgba(36,36,40,0.9));border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(112,70,255,0.15),inset 0 0 0 1px rgba(112,70,255,0.1);}:root:not([data-theme="light"]) .about-card{background:linear-gradient(to bottom,var(--bg-card),rgba(26,26,30,0.98));box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,0.02),inset 0 -1px 0 rgba(0,0,0,0.1);}:root:not([data-theme="light"]) .project-card{background:linear-gradient(135deg,var(--bg-card),rgba(26,26,30,0.95));box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,0.02);}:root:not([data-theme="light"]) .social-item{background:linear-gradient(135deg,rgba(26,26,30,0.8),rgba(31,31,35,0.8));border:1px solid rgba(42,42,50,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.02);}:root:not([data-theme="light"]) .social-item:hover{background:linear-gradient(135deg,rgba(31,31,35,0.9),rgba(36,36,40,0.9));transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,0.3),0 0 0 1px rgba(112,70,255,0.2);}[data-theme="light"] .theme-toggle{background:var(--bg-tertiary);box-shadow:0 2px 4px rgba(0,0,0,0.06);border:1px dashed rgba(112,119,132,0.4);opacity:0.85;}[data-theme="light"] .theme-toggle:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1),0 0 20px rgba(70,255,219,0.3),inset 0 1px 0 rgba(255,255,255,0.5);}[data-theme="light"] .btn-primary{background:var(--accent-primary);color:white;box-shadow:0 2px 4px rgba(80,70,229,0.2);border:2px solid var(--accent-primary);}[data-theme="light"] .btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:white;box-shadow:0 4px 8px rgba(80,70,229,0.3);transform:translateY(-2px);}[data-theme="light"] .btn-secondary{background:rgba(255,255,255,0.95);border:2px solid var(--accent-primary);color:var(--accent-primary);}[data-theme="light"] .btn-secondary:hover{background:var(--accent-primary);color:white;border-color:var(--accent-primary);box-shadow:0 4px 8px rgba(80,70,229,0.25);}[data-theme="light"] .contact-button{background:var(--accent-primary);border:2px solid var(--accent-primary);color:white;}[data-theme="light"] .contact-button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:white;transform:translateY(-2px);box-shadow:0 6px 16px rgba(80,70,229,0.3);}[data-theme="light"] .social-item{background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(248,249,250,0.9));border:1px solid rgba(228,231,235,0.8);box-shadow:0 1px 2px rgba(0,0,0,0.03),inset 0 1px 0 rgba(255,255,255,0.6);}[data-theme="light"] .social-item:hover{background:linear-gradient(135deg,rgba(255,255,255,1),rgba(248,249,250,0.95));border-color:rgba(80,70,229,0.3);box-shadow:0 4px 8px rgba(0,0,0,0.06),0 0 0 1px rgba(80,70,229,0.1);transform:translateY(-1px);}[data-theme="light"] .orbit-center{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 4px 12px rgba(80,70,229,0.3);color:white;}[data-theme="light"] .orbit-center span{color:white;}[data-theme="light"] .orbit-center:hover{box-shadow:0 8px 20px rgba(80,70,229,0.4);color:white;}[data-theme="light"] .orbit-item{background:rgba(255,255,255,0.95);border:1px solid rgba(228,231,235,0.9);box-shadow:0 2px 4px rgba(0,0,0,0.06);color:var(--text-primary);}[data-theme="light"] .orbit-item:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:white;box-shadow:0 4px 8px rgba(80,70,229,0.25);transform:scale(1.1);}[data-theme="light"] a{color:var(--accent-primary);}[data-theme="light"] a:hover{color:var(--accent-hover);}[data-theme="light"] .tech-stack-overlay{background:rgba(248,249,250,0.95);}[data-theme="light"] .tech-stack-panel{background:rgba(255,255,255,0.98);border:1px solid rgba(228,231,235,0.9);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);}@media (min-resolution:1.25dppx) and (max-resolution:1.49dppx){.bento-container{gap:1rem;padding:1.5rem;}.bento-item{padding:1.5rem;}.bento-container{grid-auto-rows:minmax(160px,auto);}.hero-name{font-size:clamp(2.5rem,7vw,4rem);}.hero-role{font-size:clamp(1rem,2vw,1.25rem);}section{padding:1rem;}}@media (min-resolution:1.5dppx) and (max-resolution:1.99dppx){.bento-container{gap:0.875rem;padding:1.25rem;}.bento-item{padding:1.25rem;}.bento-container{grid-auto-rows:minmax(140px,auto);}.hero-name{font-size:clamp(2.25rem,6vw,3.5rem);}.hero-role{font-size:clamp(0.9rem,1.8vw,1.125rem);}section{padding:0.75rem;}}@media (min-resolution:2dppx){body{-webkit-font-smoothing:subpixel-antialiased;}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;}}@supports (container-type:inline-size){.bento-container{container-type:inline-size;container-name:bento;}@container bento (max-width:800px){.bento-hero{grid-column:span 12;}.bento-photo{grid-column:span 6;}.bento-status{grid-column:span 6;}}}@supports (scrollbar-gutter:stable){html{scrollbar-gutter:stable;}}::-webkit-scrollbar{width:12px;height:12px;}::-webkit-scrollbar-track{background:var(--bg-secondary);}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px;border:2px solid var(--bg-secondary);}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);}@supports (scrollbar-width:thin){*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-secondary);}}@media (max-width:768px){.orbit-item span{display:none !important;}}@media (max-width:768px){.cursor,.cursor-follower{display:none !important;}*{cursor:auto !important;}html{scroll-snap-type:none !important;}body{scroll-snap-type:none !important;overflow-y:scroll !important;overflow-x:hidden !important;}section{scroll-snap-align:none !important;scroll-snap-stop:normal !important;min-height:auto !important;height:auto !important;overflow:visible !important;margin:0 !important;padding:2rem 0 !important;}.orbit-container,.skills-orbit-container{transform:scale(0.7) !important;margin:-15% !important;}.orbit{width:200px !important;height:200px !important;}.orbit-system{transform:scale(1) !important;}.orbit-item span,.orbit-item .orbit-label,.skills-orbit-container .orbit-item span{display:none !important;}.tech-stack-overlay{z-index:9999 !important;}.tech-stack-panel{z-index:10000 !important;}.bento-item,.bento-container,.card,button,a{touch-action:pan-y !important;}.bento-photo{grid-column:span 12 !important;grid-row:auto !important;max-height:300px;}.bento-hero{grid-column:span 12 !important;grid-row:auto !important;}.bento-status{grid-column:span 12 !important;grid-row:auto !important;}.bento-stats{grid-column:span 12 !important;grid-row:auto !important;}.bento-tech{grid-column:span 12 !important;grid-row:auto !important;height:auto !important;min-height:180px !important;padding:1.25rem !important;}.bento-building{grid-column:span 12 !important;grid-row:auto !important;}.bento-focus{grid-column:span 12 !important;grid-row:auto !important;}.bento-container{padding:1rem !important;gap:0.75rem !important;grid-template-columns:1fr !important;grid-auto-rows:auto !important;}.bento-item{padding:1.25rem !important;}.hero-bento{min-height:auto !important;height:auto !important;padding:0 !important;}.profile-photo{width:150px !important;height:150px !important;}.photo-frame{width:150px !important;height:150px !important;}.hero-name{font-size:2rem !important;}.hero-role{font-size:0.9rem !important;}.floating-nav{bottom:1rem;right:1rem;transform:scale(0.9);}main{height:auto !important;overflow:visible !important;}*{scroll-behavior:smooth !important;}body{overscroll-behavior-y:contain !important;}.bento-container,main{-webkit-overflow-scrolling:touch !important;overscroll-behavior-y:contain !important;}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}}@media (max-width:480px){#skills .orbit-item span,.skills-section .orbit-item span,#tech-stack-orbit .orbit-item span{display:none !important;}.bento-tech,.tech-stack{min-height:180px !important;padding:1.25rem !important;}.orbit-container,.skills-orbit-container{transform:scale(0.6) !important;margin:-20% !important;}.skills-orbit-container{margin-top:2rem !important;margin-bottom:2rem !important;}.tech-stack-overlay{padding:1rem !important;}.tech-stack-panel{width:95% !important;max-width:100% !important;height:auto !important;max-height:90vh !important;margin:auto !important;padding:1.5rem !important;overflow-y:auto !important;}.tech-category h3{font-size:1rem !important;}.tech-items{gap:0.5rem !important;}.tech-item{padding:0.5rem !important;font-size:0.8rem !important;}}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem;align-items:stretch;}.project-grid > .project-card{height:auto;min-height:auto;justify-content:flex-start;padding:1.25rem;}.project-card .project-image{width:100%;height:130px;flex-shrink:0;border-radius:0.5rem;overflow:hidden;margin-bottom:0.75rem;background:rgba(255,255,255,0.03);display:flex;align-items:center;justify-content:center;}.project-card .project-title{font-size:1.15rem;font-weight:700;margin-bottom:0.35rem;line-height:1.25;background:none;-webkit-text-fill-color:currentColor;color:var(--text-primary,#fff);}.project-card .project-description{font-size:0.85rem;line-height:1.45;margin-bottom:0;color:var(--text-secondary,rgba(255,255,255,0.7));}.project-card .project-meta{font-size:0.7rem !important;margin-top:0.4rem !important;}.project-card .project-links{margin-top:0.5rem !important;}.project-card .project-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}.project-card .project-image .placeholder-text{font-family:'JetBrains Mono',monospace;font-size:0.85rem;color:var(--text-secondary,rgba(255,255,255,0.5));text-align:center;padding:1rem;}.project-card .project-body{display:flex;flex-direction:column;gap:0.5rem;}.project-card .project-meta{font-family:'JetBrains Mono',monospace;font-size:0.8rem;color:var(--text-secondary,rgba(255,255,255,0.5));margin-top:0.5rem;}.project-card .project-links{margin-top:0.75rem;}.project-card .project-links a{color:var(--accent-primary,#7046ff);text-decoration:none;font-weight:500;font-size:0.9rem;border-bottom:1px solid transparent;transition:border-color 0.2s ease;}.project-card .project-links a:hover{border-bottom-color:var(--accent-primary,#7046ff);}.tooling-note{max-width:720px;margin:2rem auto 0;padding:1.25rem 1.5rem;border-left:2px solid var(--accent-primary,#7046ff);background:rgba(112,70,255,0.04);border-radius:0 0.5rem 0.5rem 0;}.tooling-note p{margin:0;font-size:0.95rem;line-height:1.6;color:var(--text-secondary,rgba(255,255,255,0.7));}.tooling-note a{color:var(--accent-primary,#7046ff);text-decoration:none;}.tooling-note a:hover{text-decoration:underline;}@media (max-width:768px){body{padding-bottom:120px;}}.bento-container .bento-status{grid-column:span 3;grid-row:span 2;height:auto;min-height:180px;}.work-section{height:auto !important;min-height:100vh;overflow-y:visible !important;overflow-x:hidden;}