@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");body{font-family:Poppins,Inter,sans-serif;background-color:var(--background);color:var(--text-color);overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}:root{--tool-section-bg:rgba(250,250,250,0.9);--tool-section-border:rgba(154,92,255,0.2);--tool-section-shadow:rgba(154,92,255,0.15);--text-color:#000000;--text-color-secondary:#333333;--text-color-muted:#555555;--button-text-color:#ffffff;--hero-title-color:#333333;--hero-description-color:#555555}.dark{--tool-section-bg:rgba(20,20,20,0.7);--tool-section-border:rgba(154,92,255,0.1);--tool-section-shadow:rgba(0,0,0,0.3);--text-color:#ffffff;--text-color-secondary:#cccccc;--text-color-muted:#aaaaaa;--button-text-color:#ffffff;--hero-title-color:#ffffff;--hero-description-color:#cccccc}.container{width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto}@media (min-width:640px){.container{max-width:640px;padding-right:1.5rem;padding-left:1.5rem}}@media (min-width:768px){.container{max-width:768px;padding-right:2rem;padding-left:2rem}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.animated-gradient{background:radial-gradient(circle at center,rgba(154,92,255,.15),rgba(0,0,0,0) 70%);position:relative;overflow:hidden}.animated-gradient>*{position:relative;z-index:2}@media (min-width:1400px){.animated-gradient{background:radial-gradient(circle at center,rgba(154,92,255,.18),rgba(0,0,0,0) 75%)}}@media (min-width:1600px){.animated-gradient{background:radial-gradient(circle at center,rgba(154,92,255,.2),rgba(0,0,0,0) 80%)}}@media (min-width:1920px){.animated-gradient{background:radial-gradient(circle at center,rgba(154,92,255,.25),rgba(0,0,0,0) 85%)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.section-heading{font-size:1.75rem;font-weight:700;margin-bottom:1.25rem;position:relative;display:inline-block}.section-heading:after{content:"";position:absolute;left:0;bottom:-8px;width:40px;height:3px;background:linear-gradient(90deg,#9b59b6,#8e44ad);border-radius:2px}@media (min-width:640px){.section-heading{font-size:2rem;margin-bottom:1.35rem}.section-heading:after{width:50px;bottom:-9px}}@media (min-width:768px){.section-heading{font-size:2.25rem;margin-bottom:1.5rem}.section-heading:after{width:55px;height:4px}}@media (min-width:1024px){.section-heading{font-size:2.5rem}.section-heading:after{width:60px;bottom:-10px}}.portfolio-badge{background:rgba(154,92,255,.15);color:#BC7CFF;border:1px solid rgba(154,92,255,.3);padding:.35rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:.35rem;transition:all .3s ease;box-shadow:0 0 10px rgba(154,92,255,.2)}.portfolio-badge:hover{background:rgba(154,92,255,.25);border-color:rgba(188,124,255,.5);transform:translateY(-2px);color:#ffffff;box-shadow:0 0 15px rgba(154,92,255,.3)}@media (min-width:640px){.portfolio-badge{padding:.4rem .85rem;font-size:.8rem;gap:.4rem}}@media (min-width:768px){.portfolio-badge{padding:.45rem .9rem;font-size:.825rem;gap:.45rem}}@media (min-width:1024px){.portfolio-badge{padding:.5rem 1rem;font-size:.875rem;gap:.5rem}}.portfolio-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(154,92,255,.5),transparent);margin:2rem 0;width:100%;position:relative}::-webkit-scrollbar{width:10px}.dark,:root{--scrollbar-track:rgba(10,10,10,0.95);--scrollbar-thumb:rgba(100,100,100,0.6);--scrollbar-thumb-hover:rgba(120,120,120,0.8)}:root:not(.dark){--scrollbar-track:rgba(240,240,240,0.95);--scrollbar-thumb:rgba(180,180,180,0.6);--scrollbar-thumb-hover:rgba(160,160,160,0.8)}::-webkit-scrollbar-track{background:var(--scrollbar-track);box-shadow:inset 0 0 8px rgba(0,0,0,.2)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.portfolio-link{color:var(--text-color-muted);text-decoration:none;position:relative;transition:all .3s ease;font-weight:500}.portfolio-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,#9A5CFF,#BC7CFF);transition:width .3s ease}.portfolio-link:hover{color:var(--text-color)}.portfolio-link:hover:after{width:100%}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;opacity:.7}@media (min-width:1400px){.floating-particles{opacity:.8}}@media (min-width:1600px){.floating-particles{opacity:.85}}@media (min-width:1920px){.floating-particles{opacity:.9}}.glow-icon{color:var(--text-color-muted);transition:all .3s ease}.glow-icon:hover{color:var(--text-color);transform:scale(1.1)}.particle{position:absolute;display:block;pointer-events:none;background:rgba(154,92,255,.15);border-radius:50%;animation:float 4s ease-in-out infinite;filter:blur(3px);box-shadow:0 0 15px rgba(154,92,255,.3)}:root:not(.dark) .particle{background:rgba(154,92,255,.25);box-shadow:0 0 15px rgba(154,92,255,.4)}@media (min-width:1400px){.particle{filter:blur(4px);box-shadow:0 0 20px rgba(154,92,255,.35)}}@media (min-width:1600px){.particle{filter:blur(5px);box-shadow:0 0 25px rgba(154,92,255,.4)}}@media (min-width:1920px){.particle{filter:blur(6px);box-shadow:0 0 30px rgba(154,92,255,.45)}}@keyframes float{0%{transform:translateY(0) translateX(0) scale(.8);opacity:0}25%{opacity:.3;transform:translateY(-30px) translateX(10px) scale(1.1)}50%{opacity:.5;transform:translateY(-70px) translateX(20px) scale(1.2)}75%{opacity:.3;transform:translateY(-100px) translateX(25px) scale(1.1)}to{transform:translateY(-150px) translateX(40px) scale(.8);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hero-section{min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@media (min-width:1400px){.hero-section{min-height:90vh}}@media (min-width:1600px){.hero-section{min-height:80vh}}@media (min-width:1920px){.hero-section{min-height:75vh}}.hero-badge{animation:fadeInUp .7s ease-out forwards,pulse 3s infinite;animation-delay:.3s;opacity:0}.hero-title{animation:fadeInUp .7s ease-out forwards;animation-delay:.5s;opacity:0;color:var(--hero-title-color);max-width:90%;margin-left:auto;margin-right:auto}@media (min-width:1400px){.hero-title{font-size:4.5rem;max-width:80%}}@media (min-width:1600px){.hero-title{font-size:5rem;max-width:75%}}@media (min-width:1920px){.hero-title{font-size:5.5rem;max-width:70%;line-height:1.1}}.hero-description{animation:fadeInUp .7s ease-out forwards;animation-delay:.7s;opacity:0;color:var(--hero-description-color);max-width:90%;margin-left:auto;margin-right:auto}@media (min-width:1400px){.hero-description{font-size:1.5rem;max-width:70%}}@media (min-width:1600px){.hero-description{font-size:1.75rem;max-width:60%}}@media (min-width:1920px){.hero-description{font-size:2rem;max-width:50%}}.hero-button{animation:fadeInUp .7s ease-out forwards,pulse 3s infinite;animation-delay:.9s;opacity:0}@media (min-width:1400px){.hero-button{font-size:1.25rem;padding:1rem 2rem}}@media (min-width:1600px){.hero-button{font-size:1.35rem;padding:1.1rem 2.2rem}}@media (min-width:1920px){.hero-button{font-size:1.5rem;padding:1.25rem 2.5rem}}.neon-text{letter-spacing:.5px;font-weight:600;text-shadow:0 0 10px rgba(154,92,255,.5);background:linear-gradient(90deg,#9A5CFF,#BC7CFF);-webkit-background-clip:text;background-clip:text;color:transparent}@media (min-width:1400px){.neon-text{letter-spacing:.6px;font-weight:700;text-shadow:0 0 15px rgba(154,92,255,.6)}}@media (min-width:1600px){.neon-text{letter-spacing:.7px;text-shadow:0 0 20px rgba(154,92,255,.7)}}@media (min-width:1920px){.neon-text{letter-spacing:.8px;text-shadow:0 0 25px rgba(154,92,255,.8);background:linear-gradient(90deg,#9A5CFF,#BC7CFF,#9A5CFF);background-size:200% auto;animation:textGradient 3s linear infinite}}@keyframes textGradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.glow-text{color:var(--text-color);letter-spacing:.5px;font-weight:700}.glass-card{background:var(--tool-section-bg);backdrop-filter:blur(5px);border-radius:10px;border:1px solid var(--tool-section-border);box-shadow:0 2px 8px var(--tool-section-shadow),0 0 10px rgba(154,92,255,.08);transition:all .3s ease;overflow:hidden;position:relative}.glass-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px var(--tool-section-shadow),0 0 15px rgba(154,92,255,.15);border:1px solid rgba(154,92,255,.2)}.glow-border{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,.3)}.glow-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;padding:1px;background:linear-gradient(135deg,#555555,#333333 25%,#777777 50%,#333333 75%,#555555);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.neon-button{position:relative;background:linear-gradient(45deg,#9A5CFF,#BC7CFF);color:var(--button-text-color);border:none;border-radius:50px;padding:10px 20px;font-weight:600;letter-spacing:.5px;overflow:hidden;transition:all .3s ease;z-index:1;box-shadow:0 0 15px rgba(154,92,255,.3)}.neon-button:hover{color:var(--button-text-color);background:linear-gradient(45deg,#BC7CFF,#9A5CFF);box-shadow:0 0 25px rgba(154,92,255,.5);transform:translateY(-2px) scale(1.05)}@media (min-width:1400px){.neon-button{box-shadow:0 0 20px rgba(154,92,255,.4);letter-spacing:.6px;font-weight:700}.neon-button:hover{box-shadow:0 0 30px rgba(154,92,255,.6);transform:translateY(-3px) scale(1.07)}}@media (min-width:1600px){.neon-button{box-shadow:0 0 25px rgba(154,92,255,.5);letter-spacing:.7px}.neon-button:hover{box-shadow:0 0 35px rgba(154,92,255,.7);transform:translateY(-4px) scale(1.08)}}@media (min-width:1920px){.neon-button{box-shadow:0 0 30px rgba(154,92,255,.6);letter-spacing:.8px;background:linear-gradient(45deg,#9A5CFF,#BC7CFF,#9A5CFF);background-size:200% auto;animation:buttonGradient 3s linear infinite}.neon-button:hover{box-shadow:0 0 40px rgba(154,92,255,.8);transform:translateY(-5px) scale(1.1);animation:buttonGradient 1.5s linear infinite}}@keyframes buttonGradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.neon-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(154,92,255,.4),rgba(188,124,255,.6));z-index:-1;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s ease;border-radius:50px}.neon-button:hover:before{transform:scaleX(1)}.filter-settings-card{border:1px solid var(--tool-section-border);box-shadow:0 0 15px rgba(154,92,255,.15);transition:all .3s ease;position:relative;overflow:hidden}.filter-settings-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(154,92,255,.1),transparent);transition:all .5s ease}.filter-settings-card:hover:before{left:100%}.filter-settings-card:hover{border:1px solid rgba(154,92,255,.3);box-shadow:0 0 20px rgba(154,92,255,.25)}.filter-input{border:1px solid rgba(154,92,255,.2);background:var(--tool-section-bg);transition:all .3s ease;position:relative}.filter-input:focus{border:1px solid rgba(154,92,255,.5);box-shadow:0 0 10px rgba(154,92,255,.3);background:var(--tool-section-bg);transform:translateY(-1px)}@keyframes filterInputGlow{0%{box-shadow:0 0 5px rgba(154,92,255,.2)}50%{box-shadow:0 0 15px rgba(154,92,255,.4)}to{box-shadow:0 0 5px rgba(154,92,255,.2)}}.filter-input:focus{animation:filterInputGlow 2s infinite}.filter-tooltip{background:var(--tool-section-bg);border:1px solid rgba(154,92,255,.3);box-shadow:0 0 10px rgba(154,92,255,.2);backdrop-filter:blur(5px);transition:opacity .3s ease}.filter-stats-item{display:flex;align-items:center;padding:.25rem .5rem;border-radius:.25rem;background:var(--tool-section-bg);margin-right:.5rem;transition:all .3s ease;border:1px solid transparent;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.filter-stats-item:hover{background:rgba(154,92,255,.1);transform:translateY(-1px);border:1px solid rgba(154,92,255,.2);box-shadow:0 0 8px rgba(154,92,255,.2)}.cursor-dot{transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:rgba(154,92,255,.85);box-shadow:0 0 8px rgba(154,92,255,.4);animation:cursorFloat 3s ease-in-out infinite,cursorGlow 2s ease-in-out infinite}.cursor-dot,.cursor-outline{position:absolute;top:50%;left:50%;transition:all .3s ease}.cursor-outline{transform:translate(-50%,-50%) rotate(45deg);width:25px;height:25px;border:1.5px solid rgba(154,92,255,.8);opacity:.8;background:rgba(154,92,255,.08);box-shadow:0 0 10px rgba(154,92,255,.3);animation:cursorRotate 8s linear infinite,cursorGlow 3s ease-in-out infinite}.cursor-trails{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:3px;border-radius:50%;background-color:rgba(154,92,255,.6);box-shadow:0 0 8px rgba(154,92,255,.5);opacity:0;transition:opacity .1s ease}@keyframes trailMove{0%{transform:translate(-50%,-50%) translateX(0) translateY(0)}to{transform:translate(-50%,-50%) translateX(calc(var(--trail-x) * 20px)) translateY(calc(var(--trail-y) * 20px))}}.cursor-hover{transform:translate(-50%,-50%) rotate(0deg) scale(1.2);border-radius:4px;background-color:rgba(154,92,255,.15);opacity:.9;width:35px;height:35px}@keyframes cursorRotate{0%{transform:translate(-50%,-50%) rotate(45deg)}to{transform:translate(-50%,-50%) rotate(405deg)}}@keyframes cursorTrailFade{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}@keyframes cursorFloat{0%{transform:translate(0)}25%{transform:translate(3px,-3px)}50%{transform:translate(-2px,-5px)}75%{transform:translate(-4px,-2px)}to{transform:translate(0)}}@keyframes cursorGlow{0%{box-shadow:0 0 15px rgba(154,92,255,.6)}50%{box-shadow:0 0 25px rgba(154,92,255,.9)}to{box-shadow:0 0 15px rgba(154,92,255,.6)}}.cursor-outline{animation:cursorRotate 8s linear infinite}.cursor-trail-active{animation:cursorTrailFade .8s ease forwards,trailMove 1.2s ease-out forwards}.cursor-clicking .cursor-dot{transform:translate(-50%,-50%) scale(.7);background-color:#9A5CFF}.cursor-clicking .cursor-outline{transform:translate(-50%,-50%) rotate(45deg) scale(.9);border-color:rgba(154,92,255,.9);background-color:rgba(154,92,255,.2)}.clickable,.glass-card,.portfolio-badge,a,button,input[type=button],input[type=submit]{cursor:pointer!important}