.theme-toggle{align-items:center;backdrop-filter:blur(4px);background:linear-gradient(135deg,#00f2fe,#4facfe);border:1px solid rgba(79,172,254,.3);border-radius:15px;box-shadow:0 0 20px rgba(0,242,254,.4);cursor:pointer;display:flex;height:30px;padding:5px;position:fixed;right:20px;top:20px;transition:all .3s ease;width:60px;z-index:1000}.theme-toggle:hover{background:linear-gradient(135deg,#00f2fe,#38ff9c);box-shadow:0 0 30px rgba(0,242,254,.6)}.toggle-circle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 15px hsla(0,0%,100%,.5);display:flex;height:20px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.toggle-circle:before{content:"☀️";font-size:12px;position:absolute;transition:all .3s ease}body.dark-mode{--primary-color:#0a0b1e;--secondary-color:#00f2fe;--accent-color:#fe00fe;--text-color:#e0fbfc;--light-bg:#141429;--neon-glow:0 0 20px;--grid-color:rgba(0,242,254,.1);background:var(--primary-color);color:var(--text-color);font-family:Space Grotesk,SF Pro Display,sans-serif;position:relative}body.dark-mode:before{animation:gridMove 20s linear infinite;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:30px 30px;content:"";height:100%;left:0;opacity:.3;position:fixed;top:0;width:100%;z-index:-1}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(30px)}}body.dark-mode .toggle-circle{background:var(--accent-color);box-shadow:0 0 20px rgba(254,0,254,.5);transform:translateX(30px)}body.dark-mode .toggle-circle:before{color:var(--text-color);content:"🌙"}body.dark-mode .header{backdrop-filter:blur(10px);background:rgba(10,11,30,.8);border-bottom:1px solid var(--secondary-color);box-shadow:0 4px 20px rgba(0,242,254,.2)}body.dark-mode .animated-bg{animation:cyberpunkGlow 10s infinite;background:linear-gradient(45deg,rgba(10,11,30,.9),rgba(0,242,254,.1),rgba(254,0,254,.1),rgba(10,11,30,.9))}@keyframes cyberpunkGlow{0%,to{opacity:.8}50%{opacity:.6}}body.dark-mode .hero-section{backdrop-filter:blur(20px);background:rgba(20,20,41,.7);border:1px solid rgba(0,242,254,.2);box-shadow:0 8px 32px rgba(0,242,254,.2);overflow:hidden;position:relative}body.dark-mode .hero-section:after{animation:lightSweep 5s infinite;background:linear-gradient(45deg,transparent,rgba(0,242,254,.1) 50%,transparent);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes lightSweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.dark-mode .contact-card,body.dark-mode .skill-category{background:rgba(20,20,41,.7);border:1px solid rgba(0,242,254,.2);border-radius:12px;box-shadow:0 0 20px rgba(0,242,254,.1);overflow:hidden;padding:24px;position:relative;transition:all .3s ease}body.dark-mode .contact-card:hover,body.dark-mode .skill-category:hover{border-color:var(--secondary-color);box-shadow:0 0 30px rgba(0,242,254,.2);transform:translateY(-5px) scale(1.02)}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:var(--secondary-color);font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.5px;text-shadow:0 0 10px rgba(0,242,254,.5)}body.dark-mode li,body.dark-mode p{color:var(--text-color);font-family:Space Grotesk,sans-serif;font-weight:400;letter-spacing:.02em;line-height:1.7}body.dark-mode .button-style,body.dark-mode .contact-button,body.dark-mode .cta-button{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));border:none;border-radius:8px;color:var(--primary-color);font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:2px;overflow:hidden;padding:12px 28px;position:relative;text-transform:uppercase;transition:all .3s ease}body.dark-mode .button-style:hover,body.dark-mode .contact-button:hover,body.dark-mode .cta-button:hover{box-shadow:0 0 30px rgba(0,242,254,.4);transform:translateY(-2px) scale(1.05)}body.dark-mode .button-style:before,body.dark-mode .contact-button:before,body.dark-mode .cta-button:before{animation:buttonGlow 2s infinite;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes buttonGlow{0%{transform:rotate(45deg) translateX(-100%)}to{transform:rotate(45deg) translateX(100%)}}.contact-card,.header,.hero-section,.skill-category,body{transition:all .3s cubic-bezier(.4,0,.2,1)}