*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #1e0a3c;--bg-tertiary: #2d1b4e;--text-primary: #e0e0e0;--text-secondary: #9ca3af;--accent-purple: rgba(88, 28, 135, .2);--accent-blue: rgba(75, 40, 150, .15);--card-bg: rgba(20, 15, 35, .85);--border-color: rgba(139, 92, 246, .2);--hover-bg: rgba(139, 92, 246, .15)}body.light-mode{--bg-primary: #ffffff;--bg-secondary: #f5f3ff;--bg-tertiary: #ede9fe;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--accent-purple: rgba(139, 92, 246, .08);--accent-blue: rgba(99, 102, 241, .06);--card-bg: rgba(255, 255, 255, .8);--border-color: rgba(139, 92, 246, .3);--hover-bg: rgba(139, 92, 246, .15)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);background-attachment:fixed;min-height:100vh;color:var(--text-primary);position:relative;overflow-x:hidden;transition:background .3s ease,color .3s ease;font-size:15px}body:before{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:100%;background:linear-gradient(180deg,#1e0a3c99,#2d1b4e66,#140a2880);mask-image:radial-gradient(ellipse 80% 100% at center,black 40%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 100% at center,black 40%,transparent 70%);pointer-events:none;z-index:0;transition:background .3s ease}body.light-mode:before{background:linear-gradient(180deg,#8b5cf614,#6366f10f,#8b5cf60d)}body:after{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:100%;background:radial-gradient(ellipse 50% 50% at 50% 20%,rgba(88,28,135,.25) 0%,transparent 60%);mask-image:radial-gradient(ellipse 80% 100% at center,black 40%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 100% at center,black 40%,transparent 70%);pointer-events:none;z-index:1;transition:background .3s ease}body.light-mode:after{background:radial-gradient(ellipse 50% 50% at 50% 20%,rgba(139,92,246,.12) 0%,transparent 60%)}body.light-mode .recent-project-badge{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#7c3aed}body.light-mode .recent-project-badge:hover{background:#8b5cf626;border-color:#8b5cf666}body.light-mode .about-button{background:#8b5cf614;border:1px solid rgba(139,92,246,.2);color:#1a1a1a}body.light-mode .about-button:hover{background:#8b5cf626;border-color:#8b5cf64d}body.light-mode .nav-pill{background:#fffc;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(139,92,246,.2);box-shadow:0 2px 12px #00000014}body.light-mode .nav-icon-btn,body.light-mode .nav-link{color:#4a4a4a}body.light-mode .nav-icon-btn:hover,body.light-mode .nav-link:hover{background:#8b5cf61a;color:#1a1a1a}body.light-mode .project-card{background:#ffffffb3;border:1px solid rgba(139,92,246,.15);box-shadow:0 4px 20px #0000000d}body.light-mode .project-card:hover{box-shadow:0 12px 40px #8b5cf626}body.light-mode .project-read-more{color:#7c3aed}body.light-mode .project-read-more:hover{color:#6d28d9}body.light-mode .project-section h2{color:#1a1a1a}body.light-mode .project-section p,body.light-mode .feature-list li{color:#2a2a2a}body.light-mode .project-lead{color:#3a3a3a}body.light-mode .tech-badge{background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);color:#7c3aed}body.light-mode .tech-badge:hover{background:#7c3aed26;border-color:#7c3aed66}body.light-mode .feature-list li:before{color:#7c3aed}body.light-mode .back-link{color:#666}body.light-mode .back-link:hover,body.light-mode .project-title{color:#1a1a1a}body.light-mode .work-subtitle{color:#3a3a3a}body.light-mode .work-card-content h2{color:#1a1a1a}body.light-mode .work-card-content p,body.light-mode .work-card-right p{color:#2a2a2a}body.light-mode .work-card-read-more{color:#7c3aed}body.light-mode .work-card-read-more:hover{color:#6d28d9}body.light-mode .work-card-avatar{border-color:#7c3aed4d;box-shadow:0 4px 12px #7c3aed4d}body.light-mode .work-card:hover .work-card-avatar{border-color:#7c3aed99;box-shadow:0 6px 16px #7c3aed80}body.light-mode .work-card-image-wrapper{background:#fff;border-color:#8b5cf626}body.light-mode .work-card:hover .work-card-image-wrapper{border-color:#8b5cf64d}body.light-mode .tech-tag{background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);color:#7c3aed}body.light-mode .work-card:hover .tech-tag{background:#7c3aed26;border-color:#7c3aed66}body.light-mode .footer{border-top:1px solid rgba(139,92,246,.15)}body.light-mode .social-links a{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:#7c3aed}body.light-mode .social-links a:hover{background:#8b5cf626;border-color:#8b5cf64d}body.light-mode .about-name{color:#1a1a1a}body.light-mode .about-subtitle{color:#5a5a5a}body.light-mode .profile-location{color:#3a3a3a}body.light-mode .language-badge{background:#7c3aed14;border-color:#7c3aed33;color:#3a3a3a}body.light-mode .language-badge:hover{background:#7c3aed1f;border-color:#7c3aed4d}body.light-mode .social-btn{background:#7c3aed14;border-color:#7c3aed33;color:#3a3a3a}body.light-mode .social-btn:hover{background:#7c3aed1f;border-color:#7c3aed4d}body.light-mode .about-description{color:#2a2a2a}body.light-mode .about-description strong,body.light-mode .work-experience-section h2{color:#1a1a1a}body.light-mode .experience-item h3{color:#2a2a2a}body.light-mode .experience-role{color:#7c3aed}body.light-mode .experience-list>li,body.light-mode .sub-list li{color:#2a2a2a}body.light-mode .experience-list strong{color:#1a1a1a}body.light-mode .profile-image-wrapper{border-color:#7c3aed4d;box-shadow:0 8px 32px #7c3aed26}body.light-mode .profile-image-wrapper:hover{border-color:#7c3aed80;box-shadow:0 12px 48px #7c3aed40}body.light-mode .skills-expertise-section h2{color:#1a1a1a}body.light-mode .skill-group h3{color:#2a2a2a}body.light-mode .skill-tag{background:#7c3aed14;border-color:#7c3aed40;color:#7c3aed}body.light-mode .skill-tag:hover{background:#7c3aed1f;border-color:#7c3aed59}body.light-mode .hero h1{background:linear-gradient(135deg,#1a1a1a,#4a4a4a,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.light-mode .hero-description span{background:linear-gradient(135deg,#7c3aed,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.light-mode .hero-main-title{background:linear-gradient(135deg,#1a1a1a,#4a4a4a,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.light-mode .hero-main-description{color:#3a3a3a}body.light-mode .hero-name{color:#1a1a1a}body.light-mode .carousel-progress-line{background:#8b5cf61a}body.light-mode .progress-fill{background:#7c3aed}body.light-mode .skill-category{background:#ffffffb3;border:1px solid rgba(139,92,246,.15);box-shadow:0 2px 12px #0000000d}body.light-mode .skill-category:hover{box-shadow:0 8px 24px #8b5cf626;border-color:#8b5cf640}body.light-mode .section-number{-webkit-text-stroke:1px rgba(139,92,246,.15)}body.light-mode .about-section.animate-in .section-number{-webkit-text-stroke:1px rgba(139,92,246,.25)}body.light-mode .about-section h2:after{background:linear-gradient(90deg,#7c3aed,#6d28d9)}body.light-mode .education-item,body.light-mode .experience-item{background:#ffffffb3;border:1px solid rgba(139,92,246,.15);box-shadow:0 2px 12px #0000000d}body.light-mode .education-item:hover,body.light-mode .experience-item:hover{box-shadow:0 8px 24px #8b5cf626;border-color:#8b5cf640}body.light-mode .back-link{color:#4a4a4a}body.light-mode .back-link:hover{color:#1a1a1a}body.light-mode .tech-stack-tag,body.light-mode .tech-tag{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:#7c3aed}body.light-mode .feature-list li:before{background:#7c3aed}body.light-mode .highlight{background:#8b5cf61a;color:#7c3aed}body.light-mode .highlight:hover{background:#8b5cf626}#root{position:relative;z-index:2}.container{max-width:680px;margin:0 auto;padding:0 24px}.header{padding:16px 0;position:sticky;top:0;z-index:100;animation:slideDown .5s ease-out}.time-display{position:fixed;right:20px;top:20px;font-size:13px;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,monospace;line-height:1.4;white-space:pre-line;text-align:right;opacity:.8;transition:opacity .3s;z-index:1000}.time-display:hover{opacity:1}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-content{display:flex;justify-content:center;align-items:center}.nav-pill{display:inline-flex;align-items:center;gap:0;padding:4px;background:#140f2366;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(139,92,246,.15);border-radius:50px;box-shadow:0 4px 16px #0000004d;transition:all .3s ease}.nav-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.nav-icon-btn:hover{background:#8b5cf626;color:var(--text-primary);transform:translateY(-1px)}.nav-link{display:flex;align-items:center;gap:6px;padding:6px 12px;margin:0 1px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-link:hover{background:#8b5cf626;color:var(--text-primary)}.nav-link svg{opacity:.7;width:16px;height:16px;transition:opacity .3s}.nav-link:hover svg{opacity:1}.theme-toggle{border:none}.theme-toggle:hover{background:#8b5cf633;border-color:#8b5cf64d}.time{font-size:13px;color:#888;font-variant-numeric:tabular-nums}.nav{display:flex;gap:24px}.nav a{color:#888;text-decoration:none;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:8px 12px;border-radius:6px}.nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.nav a:hover{color:var(--text-primary);background:var(--hover-bg)}.nav a:hover:after{width:80%}.hero{padding:120px 0 80px;animation:fadeInUp .8s ease-out}.hero-main{padding:120px 0 100px;min-height:80vh;display:flex;align-items:center;animation:fadeInUp .8s ease-out;position:relative}.hero-main .container{max-width:680px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;margin:0 auto}.recent-project-badge{display:inline-flex;align-items:center;padding:10px 20px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:50px;color:#c4b5fd;text-decoration:none;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content;animation:fadeInUp .8s ease-out .1s both}.recent-project-badge:hover{background:#8b5cf640;border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}.hero-main-title{font-size:44px;font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.5px;animation:fadeInUp .8s ease-out .2s both;margin:0;text-align:left}.hero-main-description{font-size:17px;line-height:1.6;color:var(--text-secondary);margin:0;animation:fadeInUp .8s ease-out .3s both;text-align:left}.hero-name{color:var(--text-primary);font-weight:600}.about-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#140f2399;border:1px solid rgba(139,92,246,.2);border-radius:50px;color:var(--text-primary);text-decoration:none;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content;animation:fadeInUp .8s ease-out .4s both}.about-button:hover{background:#8b5cf626;border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.about-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;object-position:center;border:2px solid rgba(139,92,246,.4);box-shadow:0 2px 8px #667eea4d;flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:48px;font-weight:600;line-height:1.3;margin-bottom:32px;background:linear-gradient(135deg,#fff,#e0e0e0,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out .2s both}.hero-description{font-size:17px;line-height:1.7;color:var(--text-secondary);margin-bottom:32px;animation:fadeInUp .8s ease-out .4s both}.hero-description span{color:#f0f0f0;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recent-project{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#e0e0e0;text-decoration:none;font-size:14px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .8s ease-out .6s both}.recent-project:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.recent-project:hover:before{left:100%}.recent-project:hover{background:#ffffff14;border-color:#667eea66;transform:translateY(-2px);box-shadow:0 8px 24px #667eea33}.projects{padding:60px 0 120px}.projects .container{max-width:60vw}.project-card{margin-bottom:64px;display:block;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.scroll-reveal-project{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal-project.visible{opacity:1;transform:translateY(0)}.scroll-reveal-project:nth-child(1){transition-delay:.1s}.scroll-reveal-project:nth-child(2){transition-delay:.2s}.scroll-reveal-project:nth-child(3){transition-delay:.3s}.project-image{width:100%;height:500px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.1) 100%);transition:opacity .4s;opacity:0;pointer-events:none}.project-card:hover .project-image{border-color:#ffffff26;box-shadow:0 20px 40px #0000004d}.project-card:hover .project-image:after{opacity:1}.project-image img{width:100%;height:100%;object-fit:cover;background:#140f23f2;transition:transform .6s cubic-bezier(.4,0,.2,1)}.carousel-image{animation:slideIn .6s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translate(100px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.carousel-progress-line{position:absolute;top:0;left:0;width:100%;height:3px;background:#ffffff1a;z-index:10;overflow:hidden}.progress-fill{height:100%;background:#000;transition:width .6s cubic-bezier(.4,0,.2,1)}.project-content{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start}.project-content h2{font-size:32px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;transition:all .3s}.project-card:hover .project-content h2{color:var(--text-primary)}.project-right{display:flex;flex-direction:column;gap:16px}.project-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,92,246,.3);box-shadow:0 4px 12px #667eea4d;transition:all .3s}.project-card:hover .project-avatar{transform:scale(1.05);border-color:#8b5cf699;box-shadow:0 6px 16px #667eea80}.project-description{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:0;transition:color .3s}.project-card:hover .project-description{color:var(--text-primary)}.project-read-more{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:0;text-decoration:none;transition:all .3s}.project-read-more:hover{color:var(--text-primary)}.project-read-more span{transition:transform .3s}.project-read-more:hover span{transform:translate(4px)}.footer{padding:60px 0 40px;border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.copyright{font-size:18px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.copyright .name-highlight{color:var(--text-primary);font-weight:500}.copyright .react-highlight{color:#a78bfa;font-weight:500}body.light-mode .copyright .react-highlight{color:#7c3aed}body.light-mode .time-display{color:#5a5a5a}.social-links{display:flex;gap:20px}.social-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2)}.social-links a:hover{color:var(--text-primary);background:#8b5cf633;border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}@media(max-width:768px){.time-display{display:none}.nav-pill{padding:6px;gap:0}.nav-icon-btn{width:40px;height:40px}.nav-link{padding:8px 16px;font-size:14px;margin:0 2px}.nav-link span{display:inline}.projects .container{max-width:90vw}.project-content{grid-template-columns:1fr;gap:24px}.project-content h2{font-size:24px}.work-card-content{grid-template-columns:1fr;gap:24px}.work-card-content h2{font-size:24px}.hero-main{padding:100px 0 80px;min-height:auto}.hero-main-title{font-size:40px;letter-spacing:-.5px}.hero-main-description{font-size:18px}.work-subtitle{font-size:16px;max-width:100%}.recent-project-badge{font-size:13px;padding:10px 20px}.about-button{font-size:14px;padding:12px 24px}.hero h1{font-size:32px}.hero{padding:80px 0 60px}.footer-content{flex-direction:column;gap:16px}.nav{gap:16px}}html{scroll-behavior:smooth}::selection{background:#667eea4d;color:#fff}a,button,.project-card,.work-card,.skill-category,.service-card{cursor:pointer}body{animation:pageLoad .5s ease-out}@keyframes pageLoad{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:no-preference){.hero,.about-hero,.work-hero{transform-style:preserve-3d}}a:focus-visible,button:focus-visible{outline:2px solid #667eea;outline-offset:4px;border-radius:4px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d 80px);background-size:1000px 100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background-size:200% 200%;animation:gradientShift 15s ease infinite}.about-page{position:relative}.about-hero{padding:100px 0 70px;text-align:left;position:relative;overflow:hidden}.hero-background-shapes{position:absolute;inset:0;pointer-events:none;z-index:0}.shape{position:absolute;opacity:.1;animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;background:radial-gradient(circle,#667eea 0%,transparent 70%);top:-100px;left:-100px;animation-delay:0s}.shape-2{width:200px;height:200px;background:radial-gradient(circle,#764ba2 0%,transparent 70%);top:50%;right:-50px;animation-delay:5s}.shape-3{width:250px;height:250px;background:radial-gradient(circle,#a78bfa 0%,transparent 70%);bottom:-50px;left:50%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.about-hero h1{font-size:44px;font-weight:700;margin-bottom:24px;background:linear-gradient(135deg,#fff,#e0e0e0,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:fadeInUp .8s ease-out;text-align:left}.glitch-text{position:relative;display:inline-block}.glitch-text:hover:before,.glitch-text:hover:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;-webkit-background-clip:text;background-clip:text}.glitch-text:hover:before{animation:glitch-1 .3s infinite;color:#667eea;z-index:-1}.glitch-text:hover:after{animation:glitch-2 .3s infinite;color:#764ba2;z-index:-2}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}}.about-intro{display:flex;align-items:flex-start;gap:32px;font-size:16px;line-height:1.7;color:var(--text-secondary);max-width:680px;animation:fadeInUp .8s ease-out .2s both;position:relative;z-index:1}.intro-image{flex-shrink:0;animation:fadeInUp .8s ease-out .3s both}.intro-image img{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:center;border:2px solid rgba(139,92,246,.3);box-shadow:0 8px 24px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1)}.intro-image img:hover{transform:scale(1.05);box-shadow:0 12px 32px #0006}.intro-text{flex:1;animation:fadeInUp .8s ease-out .4s both}.about-intro .highlight{color:#f0f0f0;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;transition:all .3s}.about-intro .highlight:hover{transform:scale(1.05);filter:brightness(1.2)}.about-content{padding-bottom:100px;position:relative}.about-section{margin-bottom:50px;opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1);position:relative;padding-left:0;text-align:left}.about-section.animate-in{opacity:1;transform:translateY(0)}.section-number{position:absolute;left:-60px;top:0;font-size:56px;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(102,126,234,.15);line-height:1;pointer-events:none;transition:all .5s}.about-section.animate-in .section-number{-webkit-text-stroke:1px rgba(102,126,234,.25);transform:translate(5px)}.about-section h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px;position:relative;display:inline-block}.about-section h2:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .6s cubic-bezier(.4,0,.2,1)}.about-section.animate-in h2:after{width:100%}.about-section p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:14px;transition:color .3s;text-align:left}.about-section:hover p{color:var(--text-primary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:24px}.skill-category{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skill-category:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s}.skill-category:hover:before{left:100%}.skill-category:hover{background:var(--hover-bg);border-color:#667eea66;transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #667eea33}.skill-icon{font-size:40px;margin-bottom:16px;display:inline-block;transition:transform .4s}.skill-category:hover .skill-icon{transform:scale(1.2) rotate(5deg);animation:bounce .6s}@keyframes bounce{0%,to{transform:scale(1.2) rotate(5deg) translateY(0)}50%{transform:scale(1.2) rotate(5deg) translateY(-10px)}}.skill-category h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px;transition:color .3s}.skill-category:hover h3{color:var(--text-primary)}.skill-category ul{list-style:none}.skill-category li{font-size:14px;color:var(--text-secondary);position:relative;padding:6px 0 6px 24px;transition:all .3s}.skill-category:hover li{color:var(--text-primary);padding-left:28px}.skill-category li:before{content:"▸";position:absolute;left:0;color:#667eea;transition:all .3s}.skill-category:hover li:before{color:#764ba2;transform:translate(4px)}.what-i-do-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:24px}.service-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,.2),transparent);transform:translate(-50%,-50%);transition:width .6s,height .6s}.service-card:hover:before{width:300px;height:300px}.service-card:hover{background:var(--hover-bg);border-color:#667eea66;transform:translateY(-8px);box-shadow:0 20px 40px #667eea33}.service-icon{font-size:48px;margin-bottom:16px;display:inline-block;transition:transform .4s}.service-card:hover .service-icon{transform:scale(1.2) rotate(10deg)}.service-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:10px;position:relative;z-index:1}.service-card p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0;position:relative;z-index:1}.interests-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.interest-tag{display:inline-block;padding:8px 16px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:24px;color:#a78bfa;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.interest-tag:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 16px #667eea4d}.contact-links{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap}.contact-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent);transition:left .5s}.contact-btn:hover:before{left:100%}.contact-btn:hover{background:#667eea26;border-color:#667eea80;transform:translateY(-4px);box-shadow:0 12px 24px #667eea4d;color:var(--text-primary)}.btn-icon{font-size:20px;transition:transform .3s}.contact-btn:hover .btn-icon{transform:scale(1.2) rotate(10deg)}.about-hero-new{padding:100px 0 80px;animation:fadeInUp .8s ease-out}.about-hero-new .container{max-width:1400px}.about-layout{display:grid;grid-template-columns:320px 1fr;gap:100px;align-items:start}.about-profile{display:flex;flex-direction:column;align-items:center;gap:24px;position:sticky;top:100px}.profile-image-wrapper{width:240px;height:240px;border-radius:50%;overflow:hidden;border:3px solid rgba(167,139,250,.3);box-shadow:0 8px 32px #a78bfa33;transition:all .3s ease}.profile-image-wrapper:hover{transform:scale(1.05);border-color:#a78bfa80;box-shadow:0 12px 48px #a78bfa4d}.profile-image{width:100%;height:100%;object-fit:cover}.profile-location{display:flex;align-items:center;gap:8px;color:#e0e0e0;font-size:14px;font-weight:500}.profile-location svg{color:#a78bfa}.profile-languages{display:flex;gap:8px;flex-wrap:wrap}.language-badge{padding:6px 14px;background:#140f2399;border:1px solid rgba(167,139,250,.2);border-radius:20px;font-size:13px;color:#e0e0e0;font-weight:500;transition:all .3s ease}.language-badge:hover{background:#a78bfa26;border-color:#a78bfa66;transform:translateY(-2px)}.about-main-content{display:flex;flex-direction:column;gap:40px}.about-name{font-size:56px;font-weight:600;color:#fff;margin:0;letter-spacing:-1px;line-height:1.1}.about-subtitle{font-size:20px;color:#b0b0b0;margin:-16px 0 0;font-weight:500}.about-social-links{display:flex;gap:12px;flex-wrap:wrap}.social-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#140f2399;border:1px solid rgba(167,139,250,.2);border-radius:10px;color:#e0e0e0;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.social-btn:hover{background:#a78bfa26;border-color:#a78bfa66;transform:translateY(-2px);box-shadow:0 8px 20px #a78bfa33}.social-btn svg{width:18px;height:18px}.about-description{font-size:17px;line-height:1.8;color:#f0f0f0;max-width:100%;display:flex;flex-direction:column;gap:20px}.about-description p{margin:0}.about-description strong{color:#fff;font-weight:600}.work-experience-section{margin-top:24px}.work-experience-section h2{font-size:36px;font-weight:600;color:#fff;margin-bottom:32px;letter-spacing:-.5px}.experience-item{margin-bottom:32px}.experience-item h3{font-size:22px;font-weight:600;color:#f0f0f0;margin-bottom:8px}.experience-role{font-size:15px;color:#a78bfa;margin-bottom:20px;font-weight:500}.experience-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.experience-list>li{font-size:16px;color:#f0f0f0;line-height:1.7;padding-left:28px;position:relative}.experience-list>li:before{content:"•";position:absolute;left:0;color:#a78bfa;font-size:24px;line-height:1.3}.experience-list strong{color:#fff;font-weight:600}.sub-list{list-style:none;margin-top:12px;padding:0;display:flex;flex-direction:column;gap:8px}.sub-list li{font-size:15px;color:#e0e0e0;line-height:1.6;padding-left:24px;position:relative}.sub-list li:before{content:"◦";position:absolute;left:0;color:#a78bfa;font-size:18px}.skills-expertise-section{margin-top:48px}.skills-expertise-section h2{font-size:36px;font-weight:600;color:#fff;margin-bottom:32px;letter-spacing:-.5px}.skills-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.skill-group h3{font-size:20px;font-weight:600;color:#f0f0f0;margin-bottom:16px}.skill-tags{display:flex;gap:10px;flex-wrap:wrap}.skill-tag{padding:8px 16px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);border-radius:8px;font-size:14px;color:#e0d4ff;font-weight:500;transition:all .3s ease}.skill-tag:hover{background:#a78bfa33;border-color:#a78bfa80;transform:translateY(-2px)}.scroll-reveal{opacity:0;transform:translateY(40px)}.scroll-reveal.animate-in{opacity:1;transform:translateY(0)}.work-hero{padding:100px 0 60px;animation:fadeInUp .8s ease-out}.work-hero h1{font-size:48px;font-weight:600;margin-bottom:16px;background:linear-gradient(135deg,#fff,#e0e0e0,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.work-subtitle{font-size:17px;line-height:1.8;color:#e8e8e8;max-width:900px}.work-list{padding-bottom:80px}.work-card{display:block;text-decoration:none;color:inherit;margin-bottom:64px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.scroll-reveal-work{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal-work.visible{opacity:1;transform:translateY(0)}.scroll-reveal-work:nth-child(1){transition-delay:.1s}.scroll-reveal-work:nth-child(2){transition-delay:.2s}.scroll-reveal-work:nth-child(3){transition-delay:.3s}.work-card-image{width:100%;height:300px;border-radius:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;transition:all .4s;position:relative;overflow:hidden}.work-card-image:before{content:"";position:absolute;inset:0;background:#0000001a;opacity:0;transition:opacity .4s}.work-card:hover .work-card-image{box-shadow:0 20px 40px #0000004d}.work-card:hover .work-card-image:before{opacity:1}.work-card-emoji{font-size:72px;transition:transform .4s;position:relative;z-index:1}.work-card:hover .work-card-emoji{transform:scale(1.1) rotate(5deg)}.work-card-image-wrapper{width:100%;height:500px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.work-card-image-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.1) 100%);transition:opacity .4s;opacity:0;pointer-events:none}.work-card:hover .work-card-image-wrapper{border-color:#ffffff26;box-shadow:0 20px 40px #0000004d}.work-card:hover .work-card-image-wrapper:after{opacity:1}.work-card-main-image{width:100%;height:100%;object-fit:cover;background:#140f23f2;transition:transform .6s cubic-bezier(.4,0,.2,1)}.work-card-content{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start}.work-card-content h2{font-size:32px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;transition:all .3s}.work-card:hover .work-card-content h2{color:var(--text-primary)}.work-card-right{display:flex;flex-direction:column;gap:16px}.work-card-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,92,246,.3);box-shadow:0 4px 12px #667eea4d;transition:all .3s}.work-card:hover .work-card-avatar{transform:scale(1.05);border-color:#8b5cf699;box-shadow:0 6px 16px #667eea80}.work-card-right p{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:0;transition:color .3s}.work-card:hover .work-card-right p{color:var(--text-primary)}.work-card-read-more{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary);text-decoration:none;transition:all .3s;padding:8px 0}.work-card-read-more span{transition:transform .3s;display:inline-block}.work-card-read-more:hover{color:var(--accent-purple)}.work-card-read-more:hover span{transform:translate(4px)}.tech-stack{display:flex;gap:8px;flex-wrap:wrap}.tech-tag{font-size:12px;padding:6px 12px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);border-radius:6px;color:#e0d4ff;transition:all .3s;font-weight:500}.work-card:hover .tech-tag{background:#a78bfa33;border-color:#a78bfa80;transform:translateY(-2px)}.project-detail{padding:80px 0 100px;animation:fadeInUp .8s ease-out}.back-link{display:inline-block;color:#a0a0a0;text-decoration:none;font-size:14px;margin-bottom:40px;transition:all .3s;font-weight:500}.back-link:hover{color:#fff;transform:translate(-4px)}.project-hero-image{width:100%;height:400px;border-radius:16px;margin-bottom:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0003}.project-emoji{font-size:96px}.careercraft-hero{width:100%;border-radius:20px;margin-bottom:48px;overflow:hidden;box-shadow:0 20px 60px #0006}.careercraft-hero-image{width:100%;height:auto;display:block;object-fit:cover}@media(max-width:768px){.careercraft-hero{border-radius:16px;margin-bottom:32px}.careercraft-hero-image{border-radius:16px}}.project-title{font-size:40px;font-weight:600;line-height:1.3;margin-bottom:24px;color:#fff;letter-spacing:-.5px}.project-lead{font-size:18px;line-height:1.8;color:#e8e8e8;margin-bottom:56px;max-width:900px}.project-section{margin-bottom:48px;max-width:900px}.project-section h2{font-size:28px;font-weight:600;color:#fff;margin-bottom:20px;letter-spacing:-.5px}.project-section p{font-size:16px;line-height:1.8;color:#f0f0f0;letter-spacing:.2px}.feature-list{list-style:none;margin-top:20px}.feature-list li{font-size:16px;color:#f0f0f0;padding:12px 0 12px 36px;position:relative;line-height:1.7;letter-spacing:.2px}.feature-list li:before{content:"✓";position:absolute;left:0;color:#a78bfa;font-weight:700;font-size:20px}.tech-stack-detail{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.tech-badge{font-size:14px;padding:10px 18px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);border-radius:8px;color:#e0d4ff;font-weight:500;transition:all .3s ease}.tech-badge:hover{background:#a78bfa33;border-color:#a78bfa80;transform:translateY(-2px)}@media(max-width:768px){.about-hero h1,.work-hero h1{font-size:32px}.about-hero{padding:80px 0 60px}.about-intro{font-size:17px;flex-direction:column;gap:32px;text-align:center}.about-hero-new{padding:80px 0 60px}.about-layout{grid-template-columns:1fr;gap:48px}.about-profile{position:static;gap:20px}.profile-image-wrapper{width:150px;height:150px}.about-name{font-size:36px}.about-subtitle{font-size:17px}.work-experience-section h2{font-size:28px}.experience-item h3{font-size:20px}.skills-expertise-section h2{font-size:28px}.skills-categories{grid-template-columns:1fr;gap:24px}.skill-group h3{font-size:18px}.intro-image img{width:200px;height:200px}.about-section{padding-left:50px;margin-bottom:60px}.section-number{font-size:48px}.about-section h2{font-size:24px}.project-title{font-size:28px}.skills-grid,.what-i-do-grid{grid-template-columns:1fr}.skill-icon,.service-icon{font-size:32px}.contact-links{flex-direction:column}.contact-btn{width:100%;justify-content:center}.work-card-emoji{font-size:48px}.project-emoji{font-size:64px}.project-hero-image{height:300px}}