:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-bg: #000000;--secondary-bg: #0a0a0a;--card-bg: rgba(30, 30, 30, .8);--glass-bg: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-blue: #007bfff0;--accent-purple: #2f2ceb;--accent-pink: #f80c7e;--border-color: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .8)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:#0c0c0ca6;overflow-x:hidden;cursor:none}html{background:var(--primary-bg)}html:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 25% 25%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,45,146,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,122,255,.05) 0%,transparent 50%);animation:bgMove 20s ease-in-out infinite}body.light-theme html:before{background:radial-gradient(circle at 25% 25%,rgba(120,119,198,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,45,146,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,122,255,.03) 0%,transparent 50%)}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 25% 25%,rgba(120,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,45,146,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,122,255,.1) 0%,transparent 50%);animation:bgMove 20s ease-in-out infinite}body.light-theme{--primary-bg: #ffffff;--secondary-bg: #f8f9fa;--card-bg: rgba(240, 240, 240, .8);--glass-bg: rgba(255, 255, 255, .8);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--border-color: rgba(0, 0, 0, .1);--shadow: rgba(0, 0, 0, .1)}body.light-theme .bg-animation{background:radial-gradient(circle at 25% 25%,rgba(120,119,198,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,45,146,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,122,255,.05) 0%,transparent 50%)}.container{max-width:1200px;margin:0 auto;padding:0 40px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--primary-bg)}::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.section{padding:120px 0;position:relative}.section h2{text-align:center;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:4rem;color:var(--text-primary);letter-spacing:-.02em;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.section.visible h2{opacity:1;transform:translateY(0)}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bgMove{0%,to{transform:scale(1) rotate(0)}33%{transform:scale(1.1) rotate(1deg)}66%{transform:scale(.9) rotate(-1deg)}}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes resumePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ripple{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.container{padding:0 20px}.cursor,.cursor-follower{display:none}body{cursor:auto}}.cursor{position:fixed;width:12px;height:12px;background:var(--accent-blue);border-radius:50%;pointer-events:none;z-index:10000;transition:all .2s cubic-bezier(.4,0,.2,1);mix-blend-mode:difference;opacity:.9;transform:translate(-50%,-50%)}.cursor-follower{position:fixed;width:36px;height:36px;border:2px solid var(--accent-blue);border-radius:50%;pointer-events:none;z-index:9999;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.5;transform:translate(-50%,-50%);background:transparent}body.light-theme .cursor{background:#3b82f6;width:10px;height:10px;opacity:.8;mix-blend-mode:normal;box-shadow:0 0 8px #3b82f666}body.light-theme .cursor-follower{border:2px solid #3b82f6;width:32px;height:32px;opacity:.6;background:#3b82f60d;box-shadow:0 0 12px #3b82f633}.cursor.cursor-hover{transform:translate(-50%,-50%) scale(1.8);background:var(--accent-blue);opacity:1}.cursor-follower.cursor-follower-hover{transform:translate(-50%,-50%) scale(1.5);opacity:.8;border-width:3px}body.light-theme .cursor.cursor-hover{background:#3b82f6;transform:translate(-50%,-50%) scale(2.2);box-shadow:0 0 15px #3b82f699;opacity:1}body.light-theme .cursor-follower.cursor-follower-hover{border-color:#3b82f6;background:#3b82f61a;transform:translate(-50%,-50%) scale(1.8);box-shadow:0 0 20px #3b82f64d;opacity:.8;border-width:3px}body.light-theme .cursor.cursor-hover,body.light-theme .cursor-follower.cursor-follower-hover{animation:none}.cursor,.cursor-follower{will-change:transform,left,top;backface-visibility:hidden}@media (max-width: 768px){.cursor,.cursor-follower{display:none!important}body,*{cursor:auto!important}}@media (min-width: 769px){body,*,a,button,.clickable,.cta-button,.project-link,.theme-toggle{cursor:none}}.cursor{transition:transform .15s ease-out}.cursor-follower{transition:transform .25s ease-out,border-width .2s ease-out}header{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000;border-bottom:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.nav-links{display:flex;list-style:none;gap:3rem}.nav-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;font-weight:500;padding:.5rem 0}.nav-links a:hover{color:var(--text-primary);transform:translateY(-2px)}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));transition:width .3s ease}.nav-links a:hover:after{width:100%}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.hero-content{z-index:2;opacity:0;animation:heroFadeIn 1.5s cubic-bezier(.4,0,.2,1) .5s forwards}.hero h1{font-size:clamp(3rem,8vw,7rem);font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-blue) 50%,var(--accent-purple) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em;line-height:.9}.hero p{font-size:1.5rem;margin-bottom:3rem;color:var(--text-secondary);max-width:600px;margin-left:auto;margin-right:auto;font-weight:400}.cta-container{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 2.5rem;background:var(--glass-bg);color:var(--text-primary);text-decoration:none;border-radius:50px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.cta-button: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 .6s ease}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 40px var(--shadow);border-color:var(--accent-blue)}.cta-primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none}.floating-elements{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.floating-element{position:absolute;opacity:.1;animation:float 15s infinite linear}.floating-element:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-element:nth-child(2){top:60%;right:15%;animation-delay:5s}.floating-element:nth-child(3){bottom:30%;left:20%;animation-delay:10s}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.skill-category{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);padding:2.5rem;border-radius:20px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:0;transform:translateY(40px)}.skill-category:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--accent-blue),transparent);opacity:0;transition:all .5s ease;animation:rotate 10s linear infinite}.skill-category:hover:before{opacity:.1}.skill-category:hover{transform:translateY(-10px) scale(1.02);border-color:var(--accent-blue);box-shadow:0 25px 50px var(--shadow)}.skill-category.visible{opacity:1;transform:translateY(0)}.skill-category h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{background:var(--card-bg);color:var(--text-primary);padding:.8rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:500;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.skill-tag:hover{transform:scale(1.1);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-color:transparent;box-shadow:0 10px 20px #007aff4d}.skills-chart{margin-top:3rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;padding:2rem}.skills-chart h3{color:var(--text-primary);margin-bottom:2rem;text-align:center;font-size:1.5rem}.skill-bars{display:flex;flex-direction:column;gap:1.5rem}.skill-bar{display:flex;align-items:center;gap:1rem}.skill-name{min-width:120px;color:var(--text-primary);font-weight:500}.skill-progress{flex:1;height:8px;background:var(--card-bg);border-radius:4px;overflow:hidden;position:relative}.skill-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));border-radius:4px;width:0%;transition:width 2s cubic-bezier(.4,0,.2,1);position:relative}.skill-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.skill-percentage{min-width:50px;color:var(--text-secondary);font-size:.9rem;text-align:right}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:3rem;margin-top:3rem;perspective:1000px}.project-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;transition:all .6s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(50px);position:relative;cursor:pointer;transform-style:preserve-3d}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple),var(--accent-pink));opacity:0;transition:opacity .3s ease;z-index:-1}.project-card:hover:after{opacity:.1}.project-card:hover{transform:translateY(-15px) scale(1.03) rotateY(10deg) rotateX(5deg);border-color:var(--accent-blue);box-shadow:0 30px 60px var(--shadow),0 0 0 1px #ffffff0d}.project-card:nth-child(odd):hover{transform:translateY(-15px) scale(1.03) rotateY(-8deg) rotateX(3deg)}.project-card:nth-child(2n):hover{transform:translateY(-15px) scale(1.03) rotateY(8deg) rotateX(-3deg)}.project-image{height:220px;position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px;display:block}.project-full-bg{width:100%;height:100%;object-fit:cover;display:block}.project-content{padding:2rem;transform:translateZ(20px);transition:all .4s ease}.project-card:hover .project-content{transform:translateZ(40px)}.project-content h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.4rem;font-weight:600;transition:all .3s ease}.project-card:hover .project-content h3{color:var(--accent-blue)}.project-content p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.tech-tag{background:var(--card-bg);color:var(--text-secondary);padding:.4rem 1rem;border-radius:15px;font-size:.8rem;border:1px solid var(--border-color);margin-right:.5rem;display:inline-block;margin-bottom:.5rem;transition:all .3s ease}.project-links{margin-top:1rem}.project-link{color:var(--accent-blue);font-weight:600;margin-right:1.5rem;text-decoration:none;transition:color .3s ease}.project-link:hover{color:var(--accent-purple)}.tech-stack{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.project-card:hover .tech-tag{transform:translateZ(20px) scale(1.05);color:var(--text-primary);border-color:var(--accent-blue)}.project-links{display:flex;gap:1.5rem}.project-link{color:var(--accent-blue);text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;transform:translateZ(10px)}.project-card:hover .project-link{transform:translateZ(30px) translateY(-2px);color:var(--accent-purple)}.project-card:hover{box-shadow:0 30px 60px var(--shadow),0 0 0 1px #ffffff0d,0 0 40px #007aff1a}@media (max-width: 768px){.projects-grid{perspective:none}.project-card:hover{transform:translateY(-10px) scale(1.02)}.project-card:nth-child(odd):hover,.project-card:nth-child(2n):hover{transform:translateY(-10px) scale(1.02)}}.experience-timeline{position:relative;margin-top:3rem;padding-left:3rem}.timeline-line{position:absolute;left:1rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent-blue),var(--accent-purple))}.timeline-item{position:relative;margin-bottom:3rem;opacity:0;transform:translate(-30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-dot{position:absolute;left:-2.5rem;top:1rem;width:16px;height:16px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:50%;border:3px solid var(--primary-bg);z-index:2;transition:all .3s ease}.timeline-item:hover .timeline-dot{transform:scale(1.5);box-shadow:0 0 20px var(--accent-blue)}.timeline-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);padding:2rem;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1)}.timeline-content:hover{transform:translate(10px) scale(1.02);border-color:var(--accent-blue)}.timeline-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.timeline-content .company{color:var(--accent-blue);font-weight:600;margin-bottom:.5rem}.timeline-content .duration{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.timeline-content p{color:var(--text-secondary);line-height:1.7}.resume-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1.5rem;box-shadow:0 10px 30px #007aff66;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000;cursor:pointer;animation:resumePulse 3s infinite}.resume-btn:hover{transform:scale(1.2);box-shadow:0 15px 40px #007aff99}.resume-btn:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--accent-blue);animation:ripple 2s infinite}.theme-toggle{position:fixed;bottom:200px;right:30px;width:50px;height:100px;background:linear-gradient(135deg,#ffffff26,#f0f5ff40);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:10px 0;z-index:1000;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px var(--shadow)}body.light-theme .theme-toggle{background:linear-gradient(135deg,#2563eb1f,#7c3aed1a);border:1px solid rgba(37,99,235,.25);box-shadow:0 8px 32px #2563eb33}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 15px 35px var(--shadow)}body.light-theme .theme-toggle:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 20px 45px #2563eb4d;background:linear-gradient(135deg,#2563eb2e,#7c3aed26)}.theme-option{width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center}.theme-option.dark{background:linear-gradient(135deg,#1a1a1a,#333);border:2px solid var(--accent-blue)}.theme-option.light{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid rgba(249,115,22,.3)}body.light-theme .theme-option.dark{background:linear-gradient(135deg,#1e293b,#475569);border:2px solid #2563eb;box-shadow:0 4px 15px #2563eb40}body.light-theme .theme-option.light{background:linear-gradient(135deg,#fef3c7,#fde047,#facc15);border:2px solid #eab308;box-shadow:0 4px 15px #eab30859}.theme-option.active{transform:scale(1.2);box-shadow:0 0 15px var(--accent-blue)}body.light-theme .theme-option.active{transform:scale(1.25);animation:brightPulse 2s ease-in-out infinite}body.light-theme .theme-option.dark.active{box-shadow:0 0 20px #2563eb99}body.light-theme .theme-option.light.active{box-shadow:0 0 20px #eab308b3}.theme-icon{font-size:14px;opacity:.8;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.theme-option.active .theme-icon{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 8px var(--accent-blue))}body.light-theme .theme-option.active .theme-icon{opacity:1;transform:scale(1.15)}body.light-theme .theme-option.dark.active .theme-icon{filter:drop-shadow(0 0 10px rgba(37,99,235,.8))}body.light-theme .theme-option.light.active .theme-icon{filter:drop-shadow(0 0 10px rgba(234,179,8,.9))}body.light-theme{--primary-bg: linear-gradient(135deg, #fafdff 0%, #e6f0ff 100%);--secondary-bg: linear-gradient(135deg, #ffffff 0%, #f1f8ff 100%);--card-bg: rgba(255, 255, 255, .95);--glass-bg: rgba(255, 255, 255, .25);--text-primary: #1e3a8a;--text-secondary: #475569;--accent-blue: #2563eb;--accent-purple: #7c3aed;--accent-yellow: #eab308;--accent-orange: #ea580c;--border-color: rgba(37, 99, 235, .15);--shadow: rgba(37, 99, 235, .12)}body.light-theme{background:linear-gradient(135deg,#f8fafcf2,#f0f9ffe6 30%,#e0f2fed9 70%,#dbeafecc)}html.light-theme{background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#bae6fd)}body.light-theme .bg-animation{background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.15) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(124,58,237,.12) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(234,179,8,.1) 0%,transparent 50%),radial-gradient(circle at 90% 90%,rgba(234,88,12,.08) 0%,transparent 50%)}@keyframes brightPulse{0%,to{transform:scale(1.25);box-shadow:0 0 20px #eab308b3}50%{transform:scale(1.3);box-shadow:0 0 30px #eab308e6,0 0 40px #2563eb4d}}@media (max-width: 768px){.theme-toggle{bottom:120px;right:20px;width:45px;height:90px}.theme-option{width:25px;height:25px}.theme-icon{font-size:12px}}.social-link{width:50px;height:50px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;font-size:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.social-links{position:fixed;bottom:30px;left:30px;display:flex;gap:1rem;z-index:1000}.social-link{width:50px;height:50px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.social-link svg{width:20px;height:20px;transition:all .3s ease}.social-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));opacity:0;transition:opacity .3s ease;z-index:-1}.social-link:hover:before{opacity:.2}.social-link:hover{transform:translateY(-5px) scale(1.1);border-color:var(--accent-blue);box-shadow:0 15px 30px var(--shadow)}.social-link.clickable{cursor:pointer}.social-link.non-clickable{cursor:default;opacity:.7}.social-link.non-clickable:hover{transform:translateY(-2px) scale(1.05);opacity:.9}.social-link.github:hover{color:#f0f6fc;border-color:#238636}.social-link.github:hover:before{background:linear-gradient(135deg,#238636,#2ea043)}.social-link.linkedin:hover{color:#fff;border-color:#0077b5}.social-link.linkedin:hover:before{background:linear-gradient(135deg,#0077b5,#00a0dc)}.social-link.instagram:hover{color:#fff;border-color:#e4405f}.social-link.instagram:hover:before{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-link.discord:hover{border-color:#5865f2}.social-link.discord:hover:before{background:linear-gradient(135deg,#5865f2,#7289da)}.social-link.reddit:hover{border-color:#ff4500}.social-link.reddit:hover:before{background:linear-gradient(135deg,#ff4500,#ff6314)}@media (max-width: 768px){.social-links{bottom:20px;left:20px;gap:.8rem}.social-link{width:45px;height:45px}.social-link svg{width:18px;height:18px}}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple),var(--accent-pink));z-index:10001;transition:width .1s ease}footer{background:#000;border-top:1px solid var(--border-color);color:var(--text-secondary);padding:3rem 0;margin-top:6rem;position:relative;width:120vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;min-height:120px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow-x:hidden}.footer-content{display:flex;align-items:center;justify-content:center;width:100%;max-width:1500px;padding:0 40px}.footer-text{text-align:center}.footer-text p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}@media (max-width: 768px){footer{padding:2rem 0}footer .container{padding:0 20px}.footer-text p{font-size:.8rem}}@media (max-width: 768px){.hero h1{font-size:clamp(2.5rem,8vw,5rem)}.nav-links{display:none}.skills-grid,.projects-grid{grid-template-columns:1fr}.experience-timeline{padding-left:2rem}.cta-container{flex-direction:column;align-items:center}.social-links{bottom:20px;left:20px;gap:.8rem}.social-link{width:45px;height:45px;font-size:1.3rem}}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.form-group.visible{opacity:1;transform:translateY(0)}.form-group label{display:block;margin-bottom:.8rem;color:var(--text-primary);font-weight:600}.form-group input,.form-group textarea{width:100%;padding:1.2rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 20px #007aff4d;transform:scale(1.02)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.submit-btn{width:100%;padding:1.2rem;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.submit-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 .6s ease}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 40px #007aff66}.form-success{margin-top:1rem;padding:.8rem 1rem;border-radius:8px;background:#34c7591f;color:#34c759;font-size:.95rem;text-align:center}.form-error{margin-top:1rem;padding:.8rem 1rem;border-radius:8px;background:#ff3b301f;color:#ff3b30;font-size:.95rem;text-align:center}.submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.project-image{position:relative}.project-category-badge{position:absolute;top:10px;left:10px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:3px 10px;border-radius:20px;text-transform:uppercase}.project-image-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:12px 12px 0 0}.project-image-placeholder span{color:#ffffff80;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase}.projects-section{opacity:1!important;transform:none!important}.marquee-wrapper{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;padding:2.5rem 0 3rem;margin-top:3rem;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.marquee-track{display:flex;gap:28px;width:max-content;animation:marqueeScroll 40s linear infinite;will-change:transform}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-card{opacity:1!important;transform:none!important;width:420px;flex-shrink:0;transform-style:preserve-3d}.marquee-card:hover{transform:translateY(-12px) scale(1.02)!important;border-color:var(--accent-blue);box-shadow:0 30px 60px var(--shadow),0 0 0 1px #ffffff0d,0 0 40px #007aff1a}.marquee-card .project-image{width:100%;height:220px;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}.marquee-card .project-full-bg{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.marquee-wrapper{width:100%;left:auto;right:auto;margin-left:0;margin-right:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.marquee-track{animation:none;flex-direction:column;width:100%;gap:2rem}.marquee-card{width:100%!important}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-bg: #000000;--secondary-bg: #0a0a0a;--card-bg: rgba(30, 30, 30, .8);--glass-bg: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-blue: #007aff;--accent-purple: #5856d6;--accent-pink: #ff2d92;--border-color: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .8)}.App{min-height:100vh}.adjustment-margins{padding-left:138px}