:root{--easing: cubic-bezier(.16, 1, .3, 1);--perspective: 1000px;--bg-color: #070913;--text-pure: #e8f4fd;--text-silver: #a8c7fa;--border-glass: rgba(59, 130, 246, .15);--glass-bg: rgba(59, 130, 246, .03);--silver-gradient: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #1e40af 100%);--blue-gradient: linear-gradient(135deg, #0ea5e9 0%, #3b82f6 50%, #6366f1 100%);--accent-blue: #3b82f6;--accent-light: #60a5fa;--accent-dark: #1e40af;--particle-opacity: .6;--mesh-opacity: .1;--nav-bg: linear-gradient(to bottom, rgba(7, 9, 19, .8), transparent);--card-shadow: 0 8px 32px rgba(59, 130, 246, .1);--form-bg: rgba(255, 255, 255, .03);--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25);--scrollbar-track: #070913;--meta-bg: rgba(255, 255, 255, .05);--section-index-color: rgba(255, 255, 255, .4);--meta-label-color: rgba(255, 255, 255, .6);--glow-opacity: .3;--card-glow-gradient: radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, .06), transparent 40%);color-scheme:dark;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}[data-theme=light]{--bg-color: #f8fafc;--text-pure: #0f172a;--text-silver: #475569;--border-glass: rgba(59, 130, 246, .12);--glass-bg: rgba(255, 255, 255, .75);--silver-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 50%, #1e3a8a 100%);--blue-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #4f46e5 100%);--accent-blue: #2563eb;--accent-light: #3b82f6;--accent-dark: #1e3a8a;--particle-opacity: .25;--mesh-opacity: .08;--nav-bg: linear-gradient(to bottom, rgba(248, 250, 252, .8), transparent);--card-shadow: 0 8px 32px rgba(59, 130, 246, .05);--form-bg: rgba(0, 0, 0, .02);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25);--scrollbar-track: #f8fafc;--meta-bg: rgba(0, 0, 0, .03);--section-index-color: rgba(15, 23, 42, .5);--meta-label-color: rgba(15, 23, 42, .6);--glow-opacity: .1;--card-glow-gradient: radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), rgba(37, 99, 235, .06), transparent 40%);color-scheme:light}[data-theme=dark]{--bg-color: #070913;--text-pure: #e8f4fd;--text-silver: #a8c7fa;--border-glass: rgba(59, 130, 246, .15);--glass-bg: rgba(59, 130, 246, .03);--silver-gradient: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #1e40af 100%);--blue-gradient: linear-gradient(135deg, #0ea5e9 0%, #3b82f6 50%, #6366f1 100%);--accent-blue: #3b82f6;--accent-light: #60a5fa;--accent-dark: #1e40af;--particle-opacity: .6;--mesh-opacity: .1;--nav-bg: linear-gradient(to bottom, rgba(7, 9, 19, .8), transparent);--card-shadow: 0 8px 32px rgba(59, 130, 246, .1);--form-bg: rgba(255, 255, 255, .03);--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25);--scrollbar-track: #070913;--meta-bg: rgba(255, 255, 255, .05);--section-index-color: rgba(255, 255, 255, .4);--meta-label-color: rgba(255, 255, 255, .6);--glow-opacity: .3;--card-glow-gradient: radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, .06), transparent 40%);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--bg-color)}body{font-family:Inter,sans-serif;color:var(--text-pure);line-height:1.5;overflow-x:hidden;position:relative}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.particle{position:absolute;background:var(--blue-gradient);border-radius:50%;opacity:var(--particle-opacity);animation:floatParticle 20s infinite linear}.particle.cube{background:transparent;border:2px solid var(--accent-blue);border-radius:0;transform-style:preserve-3d;animation:rotateCube 15s infinite linear}.particle.pyramid{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:30px solid var(--accent-light);background:transparent;border-radius:0;animation:rotatePyramid 18s infinite linear}@keyframes floatParticle{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) translate(100px) rotate(360deg);opacity:0}}@keyframes rotateCube{0%{transform:rotateX(0) rotateY(0) rotate(0) translateY(100vh);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg) translateY(-100vh);opacity:0}}@keyframes rotatePyramid{0%{transform:rotateY(0) rotateX(0) translateY(100vh) translate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:rotateY(360deg) rotateX(180deg) translateY(-100vh) translate(50px);opacity:0}}.geometric-mesh{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:var(--mesh-opacity);background-image:linear-gradient(var(--border-glass) 1px,transparent 1px),linear-gradient(90deg,var(--border-glass) 1px,transparent 1px);background-size:50px 50px;animation:meshMove 30s linear infinite}@keyframes meshMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Cfilter id='noiseFilter'%3%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3%3C/filter%3%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3%3C/svg%3%3E")}h1,h2,h3{font-family:"DM Serif Display",serif;font-style:italic;font-weight:400}.font-mono{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.2em}.container-92{width:92vw;margin:0 auto}.nav-container{position:fixed;top:0;left:0;width:100%;padding:32px 4vw;z-index:1000;background:var(--nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:JetBrains Mono,monospace;font-size:14px;letter-spacing:.5em;font-weight:900}.nav-menu{display:flex;align-items:center;gap:40px}.nav-links{display:flex;gap:40px;align-items:center}.nav-links a{text-decoration:none;color:var(--text-silver);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.3em;transition:color .3s var(--easing)}.nav-links a:hover{color:var(--text-pure)}.cta-btn{text-decoration:none;background:var(--blue-gradient);color:var(--text-pure);border:none;padding:10px 24px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:900;letter-spacing:.2em;border-radius:4px;cursor:pointer;transition:transform .3s var(--easing),box-shadow .3s var(--easing);transform-style:preserve-3d;transform:translateZ(0);box-shadow:0 4px 15px #3b82f633}.cta-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--blue-gradient);border-radius:4px;opacity:0;transition:opacity .3s var(--easing);z-index:-1}.cta-btn:hover{transform:translateZ(10px) translateY(-2px) scale(1.05);box-shadow:0 8px 25px #3b82f666,0 0 30px #3b82f633}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:160px 4vw 80px;perspective:var(--perspective);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,var(--accent-blue) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--accent-light) 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--accent-dark) 0%,transparent 50%);animation:rotate3d 30s linear infinite;opacity:.1;z-index:-1}@keyframes rotate3d{0%{transform:rotate3d(0,0,1,0) rotateX(0)}to{transform:rotate3d(0,0,1,360deg) rotateX(10deg)}}.hero-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:4rem;padding:80px 60px 120px;text-align:center;position:relative;overflow:hidden;transform-style:preserve-3d;transform:rotateX(2deg);transition:transform .6s var(--easing);box-shadow:0 25px 50px #3b82f626,0 0 100px #3b82f60d}.hero-container:hover{transform:rotateX(0) translateY(-10px) scale(1.02);box-shadow:0 35px 70px #3b82f640,0 0 150px #3b82f61a}.hero-visual{margin-bottom:60px;display:flex;justify-content:center}.image-wrapper{position:relative;width:180px;height:180px;border-radius:50%;padding:4px;background:var(--blue-gradient);transform-style:preserve-3d;box-shadow:0 0 30px #3b82f64d,inset 0 0 30px #3b82f61a}.image-wrapper:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:conic-gradient(from 0deg,var(--accent-blue),var(--accent-light),var(--accent-dark),var(--accent-blue));border-radius:50%;z-index:-1;opacity:.7;filter:blur(25px);animation:rotateBorder 8s linear infinite}@keyframes rotateBorder{0%{background:conic-gradient(from 0deg,var(--accent-blue),var(--accent-light),var(--accent-dark),var(--accent-blue));transform:scale(1)}50%{background:conic-gradient(from 180deg,var(--accent-light),var(--accent-dark),var(--accent-blue),var(--accent-light));transform:scale(1.05)}to{background:conic-gradient(from 360deg,var(--accent-blue),var(--accent-light),var(--accent-dark),var(--accent-blue));transform:scale(1)}}@keyframes float3d{0%,to{transform:translateY(0) rotateY(0)}25%{transform:translateY(-10px) rotateY(90deg)}50%{transform:translateY(-20px) rotateY(180deg)}75%{transform:translateY(-10px) rotateY(270deg)}}@keyframes pulse3d{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:contrast(1.1) saturate(1.2) brightness(1.05);position:relative;z-index:2;border:2px solid var(--bg-color);transition:filter .3s var(--easing)}.profile-img:hover{filter:contrast(1.2) saturate(1.4) brightness(1.1) hue-rotate(10deg)}.image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,rgba(96,165,250,.2) 30%,rgba(14,165,233,.1) 60%,transparent 70%);z-index:1;pointer-events:none;animation:colorShift 4s ease-in-out infinite}@keyframes colorShift{0%,to{background:radial-gradient(circle,rgba(59,130,246,.3) 0%,rgba(96,165,250,.2) 30%,rgba(14,165,233,.1) 60%,transparent 70%)}33%{background:radial-gradient(circle,rgba(96,165,250,.3) 0%,rgba(14,165,233,.2) 30%,rgba(99,102,241,.1) 60%,transparent 70%)}66%{background:radial-gradient(circle,rgba(14,165,233,.3) 0%,rgba(99,102,241,.2) 30%,rgba(59,130,246,.1) 60%,transparent 70%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-title{font-size:clamp(36px,6vw,72px);line-height:.85;letter-spacing:-.05em;margin-bottom:60px;transform-style:preserve-3d;transform:perspective(500px) rotateX(5deg);transition:transform .6s var(--easing);text-shadow:0 0 60px rgba(59,130,246,.5);position:relative}.hero-title:hover{transform:perspective(500px) rotateX(0) scale(1.05);text-shadow:0 0 80px rgba(59,130,246,.7)}.hero-title span{background:var(--blue-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px rgba(59,130,246,.6)) drop-shadow(0 0 80px rgba(59,130,246,.3));position:relative;display:inline-block;animation:textGlow3d 3s ease-in-out infinite}.hero-title span:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));border-radius:2px;box-shadow:0 0 30px #3b82f6cc;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.6;transform:translate(-50%) scaleX(.8)}50%{opacity:1;transform:translate(-50%) scaleX(1)}}@keyframes textGlow3d{0%,to{filter:drop-shadow(0 0 30px rgba(59,130,246,.4)) drop-shadow(0 0 60px rgba(59,130,246,.2))}50%{filter:drop-shadow(0 0 40px rgba(59,130,246,.6)) drop-shadow(0 0 80px rgba(59,130,246,.3))}}.metadata-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:900px;margin:0 auto 60px;padding:32px;background:var(--meta-bg);border:1px solid var(--border-glass);border-radius:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--card-shadow);position:relative;overflow:hidden;transform-style:preserve-3d;transform:translateZ(0)}.metadata-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);animation:shimmer 3s ease-in-out infinite}.meta-item{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;position:relative;transition:all .3s var(--easing)}.meta-item:hover{transform:translateY(-3px) scale(1.05)}.meta-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--meta-label-color);letter-spacing:.4em;text-transform:uppercase;font-weight:600}.meta-value{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;color:var(--text-pure);text-shadow:0 0 20px rgba(59,130,246,.4);transition:all .3s var(--easing)}.meta-item:hover .meta-value{color:var(--accent-blue);text-shadow:0 0 30px rgba(59,130,246,.8)}.section{padding:120px 4vw}.section-header{margin-bottom:60px}.section-index{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--section-index-color);letter-spacing:.5em;display:block;margin-bottom:16px}.section-title{font-size:clamp(32px,5vw,64px);letter-spacing:-.02em;transform-style:preserve-3d;transform:perspective(800px) rotateX(2deg);transition:transform .6s var(--easing);background:var(--blue-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(59,130,246,.3))}.section-title:hover{transform:perspective(800px) rotateX(0) scale(1.02);filter:drop-shadow(0 0 30px rgba(59,130,246,.5))}#experience .bento-grid{grid-template-columns:repeat(2,1fr)}#projects .bento-grid{grid-template-columns:repeat(3,1fr)}.bento-grid{display:grid;gap:32px;border-top:1px solid var(--border-glass);padding-top:60px;perspective:1000px;transform-style:preserve-3d}.bento-card{background:var(--glass-bg);border:1px solid var(--border-glass);border-radius:1rem;padding:32px;min-height:320px;display:flex;flex-direction:column;transition:all .6s var(--easing);transform-style:preserve-3d;transform:translateZ(0);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--card-shadow)}.bento-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,transparent 100%);border-radius:1rem;opacity:0;transition:opacity .6s var(--easing);pointer-events:none}.bento-card:hover{transform:translateZ(15px) scale(1.02);box-shadow:0 12px 40px #3b82f640,0 0 30px #3b82f61f,inset 0 1px #ffffff26;border-color:#3b82f640}.bento-card:hover .card-title{transform:translateZ(8px);color:var(--accent-light)}.bento-card:hover .card-company{transform:translateZ(6px);color:var(--accent-light)}.bento-card:hover .card-list li{transform:translateZ(4px);color:var(--text-pure)}.bento-card:hover .card-text{transform:translateZ(3px);color:var(--text-pure)}.col-span-2{grid-column:span 2}.card-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-silver);opacity:.7;letter-spacing:.3em;display:block;margin-bottom:24px}.card-title{font-size:32px;margin-bottom:8px;font-style:italic;transform-style:preserve-3d;transition:transform .6s var(--easing),color .3s var(--easing)}.card-company{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-silver);display:block;margin-bottom:24px;transform-style:preserve-3d;transition:transform .6s var(--easing),color .3s var(--easing)}.card-list{list-style:none;transform-style:preserve-3d}.card-list li{font-size:14px;color:var(--text-silver);margin-bottom:12px;padding-left:20px;position:relative;transform-style:preserve-3d;transition:transform .6s var(--easing),color .3s var(--easing)}.card-list li:before{content:"/";position:absolute;left:0;color:var(--accent-light);font-family:JetBrains Mono,monospace;transition:color .3s var(--easing)}.bento-card:hover .card-list li:before{color:var(--accent-blue)}.card-text{font-size:16px;color:var(--text-silver);transform-style:preserve-3d;transition:transform .6s var(--easing),color .3s var(--easing)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;border-top:1px solid var(--border-glass);padding-top:60px}.skill-group{display:flex;flex-direction:column;gap:24px}.skill-label{font-family:JetBrains Mono,monospace;font-size:10px;color:#fff6;letter-spacing:.5em}.skill-tags{display:flex;flex-wrap:wrap;gap:12px}.skill-tags span{font-family:JetBrains Mono,monospace;font-size:11px;padding:8px 16px;border:1px solid var(--border-glass);border-radius:100px;transition:all .3s var(--easing);transform-style:preserve-3d;transform:translateZ(0);position:relative;background:transparent}.skill-tags span:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--blue-gradient);border-radius:100px;opacity:0;transition:opacity .3s var(--easing);z-index:-1}.skill-tags span:hover{transform:translateZ(10px) scale(1.1);color:var(--text-pure);border-color:var(--accent-blue);box-shadow:0 5px 15px #3b82f64d}.skill-tags span:hover:before{opacity:1}.cta-section{padding:120px 4vw}.frosted-glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:2rem;padding:80px;text-align:center;max-width:900px;margin:0 auto}.cta-title{font-size:48px;margin-bottom:60px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.contact-item{display:flex;flex-direction:column;gap:12px}.contact-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-silver);opacity:.7;letter-spacing:.4em}.contact-value{font-family:JetBrains Mono,monospace;font-size:16px;color:var(--text-pure);text-decoration:none;transition:color .3s var(--easing)}.contact-value:hover{color:var(--text-silver)}.capture-form{display:flex;gap:16px;max-width:600px;margin:0 auto;background:var(--form-bg);padding:8px;border-radius:1rem;border:1px solid var(--border-glass);flex-wrap:wrap;justify-content:center}.form-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-pure);font-family:JetBrains Mono,monospace;padding:0 24px;font-size:14px}.silver-btn{background:var(--blue-gradient);color:var(--text-pure);border:none;padding:16px 32px;font-family:JetBrains Mono,monospace;font-weight:900;font-size:12px;letter-spacing:.2em;border-radius:.75rem;cursor:pointer;transition:all .3s var(--easing);transform-style:preserve-3d;transform:translateZ(0);position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f633}.silver-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s var(--easing)}.silver-btn:hover{transform:translateZ(15px) scale(1.05);box-shadow:0 8px 25px #3b82f666,0 0 30px #3b82f633}.silver-btn:hover:before{left:100%}.bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-glow-gradient);z-index:0;opacity:0;transition:opacity .5s var(--easing)}.bento-card:hover:before{opacity:1}.bento-card>*{position:relative;z-index:1}.footer{padding:80px 4vw;border-top:1px solid var(--border-glass)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-copy{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-silver);opacity:.5;letter-spacing:.3em}.footer-links{display:flex;gap:32px}.footer-links a{text-decoration:none;color:var(--text-silver);opacity:.5;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;transition:color .3s var(--easing)}.footer-links a:hover{color:var(--text-pure)}.social-links{display:flex;gap:32px;justify-content:center;align-items:center;margin-top:40px}.social-link{display:flex;align-items:center;justify-content:center;width:64px;height:64px;color:var(--text-silver);text-decoration:none;padding:16px;border:1px solid var(--border-glass);border-radius:50%;background:var(--form-bg);transition:all .3s var(--easing);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.social-link:hover{color:var(--text-pure);border-color:var(--accent-blue);background:#3b82f61a;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 32px #3b82f64d}.social-link svg{transition:transform .3s var(--easing)}.social-link:hover svg{transform:scale(1.1)}@media (max-width: 768px){.nav-content{flex-direction:column;gap:20px;padding:20px;text-align:center}.nav-links{flex-direction:column;gap:16px;align-items:center;justify-content:center}.nav-links .cta-btn{width:auto;padding:8px 16px;font-size:9px}.logo{font-size:12px}.hero-section{padding:120px 4vw 80px;min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-container{text-align:center;gap:40px;max-width:100%;margin:0 auto}.hero-visual{margin-bottom:40px}.image-wrapper{width:140px;height:140px}.hero-title{font-size:clamp(28px,8vw,48px);line-height:1}.metadata-bar{flex-direction:column;gap:16px;align-items:center}.section{padding:80px 4vw;max-width:100%;margin:0 auto}.section-header{text-align:center;max-width:100%;margin:0 auto}.section-title{font-size:clamp(24px,6vw,36px)}#experience .bento-grid,#projects .bento-grid{grid-template-columns:1fr;gap:24px}.bento-card{padding:24px;min-height:auto}.card-title{font-size:24px}.card-text{font-size:14px}.skills-grid{grid-template-columns:1fr;gap:32px}.skill-group{text-align:center}.skill-tags{justify-content:center}.social-links{flex-direction:row;gap:24px;margin-top:32px}.social-link{width:56px;height:56px;padding:12px}.social-link svg{width:28px;height:28px}.contact-details{flex-direction:column;gap:24px;align-items:center;text-align:center;grid-template-columns:1fr}.contact-item{width:100%;text-align:center}.capture-form{flex-direction:column;gap:16px;padding:16px}.form-input{width:100%;padding:16px;text-align:center}.silver-btn{width:100%;padding:16px}.footer-content{flex-direction:column;gap:20px;text-align:center}.footer-links{justify-content:center}}@media (max-width: 480px){.hero-section{padding:100px 4vw 60px}.section{padding:60px 4vw}.bento-card{padding:20px}.card-title{font-size:20px}.nav-links a{font-size:9px}.logo{font-size:10px;letter-spacing:.3em}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.reveal{opacity:0;transform:translateY(30px);transition:all 1s var(--easing)}.reveal.active{opacity:1;transform:translateY(0)}.hero-visual.reveal{transform:scale(.9) translateY(40px)}.hero-visual.active{transform:scale(1) translateY(0)}@media (max-width: 1024px){.bento-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links{display:none}.hero-container{padding:80px 30px;border-radius:2rem}.hero-title{font-size:48px}.metadata-bar{grid-template-columns:1fr;gap:30px}.bento-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.skills-grid{grid-template-columns:1fr}.capture-form{flex-direction:column}.nav-menu{gap:16px;justify-content:center}}.theme-toggle-btn{background:transparent;border:1px solid var(--border-glass);color:var(--text-silver);padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s var(--easing);outline:none;position:relative;overflow:hidden}.theme-toggle-btn:hover{color:var(--text-pure);border-color:var(--accent-blue);background:var(--form-bg);transform:scale(1.1) rotate(15deg);box-shadow:0 0 15px #3b82f633}:root:not([data-theme=light]) .theme-toggle-btn .moon-icon{display:none}:root:not([data-theme=light]) .theme-toggle-btn .sun-icon{display:block}[data-theme=light] .theme-toggle-btn .sun-icon{display:none}[data-theme=light] .theme-toggle-btn .moon-icon{display:block}.project-card{display:flex;flex-direction:column}.project-image-container{width:100%;height:180px;border-radius:.75rem;overflow:hidden;margin-bottom:24px;border:1px solid var(--border-glass);background:#0003;position:relative}.project-mockup-img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--easing)}.project-card:hover .project-mockup-img{transform:scale(1.05)}.achievements-grid{grid-template-columns:repeat(3,1fr)}.achievement-card{min-height:auto;padding:36px 32px}.achievement-icon-wrapper{width:48px;height:48px;border-radius:12px;border:1px solid var(--border-glass);background:var(--form-bg);display:flex;align-items:center;justify-content:center;color:var(--accent-light);margin-bottom:24px;transition:all .3s var(--easing)}.achievement-card:hover .achievement-icon-wrapper{background:var(--blue-gradient);color:var(--text-pure);transform:scale(1.1) rotate(5deg);box-shadow:0 4px 15px #3b82f64d}.achievement-icon{width:20px;height:20px}.education-grid{grid-template-columns:repeat(3,1fr)}.education-card{min-height:280px;display:flex;flex-direction:column}.institution-name{font-size:15px;color:var(--text-silver);margin-top:4px;margin-bottom:20px;transition:color .3s var(--easing)}.education-card:hover .institution-name{color:var(--text-pure)}.education-metadata{margin-top:auto;display:flex}.grade-badge{display:inline-block;padding:6px 14px;border:1px solid var(--border-glass);background:var(--form-bg);color:var(--accent-light);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .3s var(--easing)}.education-card:hover .grade-badge{color:var(--text-pure);border-color:var(--accent-blue);background:var(--blue-gradient);box-shadow:0 4px 15px #3b82f640}