@import"https://fonts.googleapis.com/css2?family=Anton&family=Bangers&family=Comic+Neue:wght@400;700&family=Montserrat:wght@300;400;600;700;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;line-height:1.6;overflow-x:hidden;transition:background-color .6s ease,color .6s ease}body.theme-spidey{background-color:#fafafa;color:#1a1a2e;background-image:radial-gradient(circle,rgba(0,0,0,.03) 1px,transparent 1px);background-size:16px 16px}body.theme-spidey h1,body.theme-spidey h2,body.theme-spidey h3{font-family:Bangers,cursive;letter-spacing:2px}body.theme-batman{background-color:#050505;color:#e8e8e8;background-image:linear-gradient(180deg,#0a0a0a,#050505)}body.theme-batman h1,body.theme-batman h2,body.theme-batman h3{font-family:Anton,sans-serif;letter-spacing:3px;text-transform:uppercase}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}body.theme-spidey ::-webkit-scrollbar-track{background:#f0f0f0}body.theme-spidey ::-webkit-scrollbar-thumb{background:#e23636;border-radius:4px}body.theme-batman ::-webkit-scrollbar-track{background:#111}body.theme-batman ::-webkit-scrollbar-thumb{background:#ffe600;border-radius:4px}.cursor,.cursor-follower{position:fixed;top:0;left:0;pointer-events:none;z-index:10001;transform:translate(-50%,-50%);border-radius:50%;mix-blend-mode:difference}.cursor{width:12px;height:12px;transition:transform .1s ease}.cursor-follower{width:40px;height:40px;z-index:10000;transition:all .15s ease-out}.cursor-spidey{background-color:#e23636}.follower-spidey{border:2px solid #E23636;background:#e236361a}.cursor-batman{background-color:#ffe600;box-shadow:0 0 10px #ffe600}.follower-batman{border:1px solid #FFE600;background:transparent}.cursor.hover{transform:translate(-50%,-50%) scale(2)}.cursor-follower.hover{width:60px;height:60px}.navbar{position:fixed;top:0;left:0;width:100%;padding:20px 0;z-index:1000;transition:all .3s ease}.theme-spidey .navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid #1A1A2E}.theme-batman .navbar{background:#050505f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,230,0,.15)}.nav-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:2rem;font-weight:900;text-decoration:none;transition:transform .3s ease}.theme-spidey .logo{font-family:Bangers,cursive;color:#e23636;text-shadow:2px 2px 0 #1E3A8A}.theme-batman .logo{font-family:Anton,sans-serif;color:#e8e8e8;letter-spacing:4px}.logo-dot{color:#ffe600}.theme-spidey .logo-dot{color:#1e3a8a}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:40px}.nav-links a{font-weight:600;font-size:.95rem;cursor:pointer;position:relative;transition:all .3s ease}.theme-spidey .nav-links a{color:#1a1a2e;font-family:Comic Neue,cursive}.theme-batman .nav-links a{color:#e8e8e8;text-transform:uppercase;letter-spacing:2px;font-size:.85rem}.theme-spidey .nav-links a:hover{color:#e23636}.theme-batman .nav-links a:hover{color:#ffe600;text-shadow:0 0 10px rgba(255,230,0,.5)}.theme-toggle{background:transparent;border:none;padding:8px;cursor:pointer}.toggle-track{width:70px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:4px 8px;position:relative;transition:all .4s ease}.theme-spidey .toggle-track{background:linear-gradient(135deg,#e23636,#1e3a8a);border:2px solid #1A1A2E}.theme-batman .toggle-track{background:linear-gradient(135deg,#1a1a1a,#333);border:1px solid #FFE600;box-shadow:0 0 15px #ffe60033}.toggle-icon{font-size:1rem;z-index:1}.toggle-thumb{position:absolute;width:28px;height:28px;border-radius:50%;top:50%;transform:translateY(-50%);transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.theme-spidey .toggle-thumb{left:4px;background:#fff;box-shadow:2px 2px #0003}.theme-batman .toggle-thumb{left:calc(100% - 32px);background:#ffe600;box-shadow:0 0 10px #ffe600}@media(max-width:768px){.nav-links{display:none}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:100px;overflow:hidden}.hero-bg-glow{position:absolute;top:-20%;right:-10%;width:60vw;height:60vw;border-radius:50%;pointer-events:none;transition:all 1s ease}.theme-spidey .hero-bg-glow{background:radial-gradient(circle,rgba(226,54,54,.15) 0%,transparent 70%)}.theme-batman .hero-bg-glow{background:radial-gradient(circle,rgba(255,230,0,.08) 0%,transparent 70%);filter:blur(50px)}.hero-content{position:relative;z-index:10;max-width:800px}.hero-tagline{font-size:1.2rem;margin-bottom:16px;text-transform:uppercase;letter-spacing:3px}.theme-spidey .hero-tagline{color:#e23636;font-family:Comic Neue,cursive;font-weight:700}.theme-batman .hero-tagline{color:#ffe600;font-family:Montserrat,sans-serif}.hero-title{font-size:clamp(4rem,12vw,10rem);line-height:.9;margin-bottom:24px}.title-line{display:block}.theme-spidey .hero-title{font-family:Bangers,cursive;color:#1a1a2e;text-shadow:4px 4px 0 #E23636,8px 8px 0 #1E3A8A}.theme-batman .hero-title{font-family:Anton,sans-serif;color:#e8e8e8;text-shadow:0 0 40px rgba(255,230,0,.15);letter-spacing:8px}.theme-spidey .glitch-text:hover{animation:glitch .3s ease infinite}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(3px,-3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(3px,3px)}}.hero-description{font-size:1.25rem;margin-bottom:40px;max-width:550px;line-height:1.8}.theme-spidey .hero-description{font-family:Comic Neue,cursive;color:#333}.theme-batman .hero-description{color:#aaa}.hero-cta{display:flex;gap:20px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.theme-spidey .btn-primary{background:#e23636;color:#fff;border:3px solid #1A1A2E;box-shadow:4px 4px #1a1a2e;font-family:Bangers,cursive;letter-spacing:1px;transform:rotate(-1deg)}.theme-spidey .btn-primary:hover{transform:rotate(-1deg) translate(-2px,-2px);box-shadow:6px 6px #1a1a2e}.theme-spidey .btn-secondary{background:transparent;color:#1a1a2e;border:3px solid #1A1A2E;font-family:Bangers,cursive;letter-spacing:1px}.theme-spidey .btn-secondary:hover{background:#1e3a8a;color:#fff}.theme-batman .btn-primary{background:transparent;color:#ffe600;border:1px solid #FFE600;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:3px}.theme-batman .btn-primary:hover{background:#ffe600;color:#050505;box-shadow:0 0 30px #ffe60066}.theme-batman .btn-secondary{background:transparent;color:#e8e8e8;border:1px solid rgba(255,255,255,.2);font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:2px}.theme-batman .btn-secondary:hover{border-color:#ffe600;color:#ffe600}.hero-visual{position:absolute;right:5%;top:50%;transform:translateY(-50%);pointer-events:none;opacity:0;transition:opacity 1s ease}.theme-batman .hero-visual{opacity:1}.bat-signal{width:350px;height:350px;position:relative}.signal-glow{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,230,0,.2) 0%,transparent 70%);animation:signalPulse 3s ease-in-out infinite}@keyframes signalPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:1}}@media(max-width:768px){.hero-title{font-size:3.5rem}.hero-visual{display:none}}.about{position:relative}.about-grid{display:flex;flex-direction:column;gap:50px}.about-panel{padding:40px;font-size:1.15rem;line-height:1.9;max-width:700px}.theme-spidey .about-panel{background:#fff;border:3px solid #1A1A2E;box-shadow:8px 8px #e23636;position:relative;font-family:Comic Neue,cursive}.theme-spidey .about-panel:after{content:"";position:absolute;bottom:-20px;left:40px;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #1A1A2E}.theme-batman .about-panel{background:linear-gradient(145deg,#141414f2,#0a0a0afa);border:1px solid rgba(255,230,0,.15);border-radius:4px;color:#ccc}.about-stats{display:flex;gap:30px;flex-wrap:wrap}.stat-card{text-align:center;padding:30px 40px;flex:1;min-width:140px;transition:all .3s ease}.theme-spidey .stat-card{background:#1e3a8a;color:#fff;border:3px solid #1A1A2E;transform:rotate(2deg)}.theme-spidey .stat-card:nth-child(2){transform:rotate(-1deg);background:#e23636}.theme-spidey .stat-card:nth-child(3){transform:rotate(1.5deg);background:#ffd93d;color:#1a1a2e}.theme-spidey .stat-card:hover{transform:rotate(0) scale(1.05)}.theme-batman .stat-card{background:#ffe6000d;border:1px solid rgba(255,230,0,.2)}.theme-batman .stat-card:hover{border-color:#ffe600;box-shadow:0 0 20px #ffe6001a}.stat-value{font-size:3rem;font-weight:900;line-height:1;margin-bottom:8px}.theme-spidey .stat-value{font-family:Bangers,cursive}.theme-batman .stat-value{color:#ffe600;font-family:Anton,sans-serif}.stat-label{font-size:.85rem;opacity:.8;text-transform:uppercase;letter-spacing:1px}.skills-grid{display:flex;flex-wrap:wrap;gap:12px}.skill-tag{padding:10px 20px;font-weight:600;font-size:.9rem;transition:all .3s ease}.theme-spidey .skill-tag{background:#ffd93d;color:#1a1a2e;border:2px solid #1A1A2E;font-family:Comic Neue,cursive}.theme-spidey .skill-tag:hover{transform:rotate(-3deg) scale(1.05)}.theme-batman .skill-tag{background:transparent;color:#e8e8e8;border:1px solid rgba(255,255,255,.2)}.theme-batman .skill-tag:hover{border-color:#ffe600;color:#ffe600}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.project-card{position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1)}.project-image{height:280px;position:relative;overflow:hidden;transition:all .4s ease}.theme-spidey .project-image{background:linear-gradient(135deg,#e23636,#1e3a8a);border:3px solid #1A1A2E}.theme-batman .project-image{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:1px solid #333}.project-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:background .4s ease}.project-card:hover .project-overlay{background:#0009}.project-number{font-size:5rem;font-weight:900;opacity:.3;transition:all .4s ease}.theme-spidey .project-number{font-family:Bangers,cursive;color:#fff}.theme-batman .project-number{font-family:Anton,sans-serif;color:#ffe600}.project-card:hover .project-number{opacity:.8;transform:scale(1.1)}.project-content{padding:24px 0}.project-title{font-size:1.5rem;margin-bottom:8px}.project-desc{opacity:.7;margin-bottom:16px;line-height:1.6}.project-tags{display:flex;gap:8px}.project-tags span{font-size:.75rem;padding:4px 12px;text-transform:uppercase;letter-spacing:1px}.theme-spidey .project-tags span{background:#1e3a8a;color:#fff}.theme-batman .project-tags span{background:#ffe6001a;color:#ffe600;border:1px solid rgba(255,230,0,.3)}.theme-spidey .project-card:hover{transform:rotate(-2deg) scale(1.02)}.theme-spidey .project-card:hover .project-image{box-shadow:8px 8px #1a1a2e}.theme-batman .project-card:hover{transform:translateY(-10px)}.theme-batman .project-card:hover .project-image{border-color:#ffe600;box-shadow:0 20px 40px #00000080}@media(max-width:768px){.project-grid{grid-template-columns:1fr}}.playground{position:relative}.theme-spidey .playground{background:linear-gradient(180deg,#fafafa,#f0f0f0)}.theme-batman .playground{background:linear-gradient(180deg,#050505,#0a0a0a)}.section-subtitle{font-size:1.1rem;margin-bottom:50px;opacity:.7}.playground-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.play-card{padding:30px;text-align:center;transition:all .3s ease}.theme-spidey .play-card{background:#fff;border:3px dashed #E23636}.theme-spidey .play-card:hover{border-style:solid;box-shadow:5px 5px #1e3a8a}.theme-batman .play-card{background:#ffffff05;border:1px solid #333}.theme-batman .play-card:hover{border-color:#ffe600}.play-card h4{margin-bottom:24px;font-size:1rem;text-transform:uppercase;letter-spacing:2px;opacity:.7}.play-demo{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.demo-btn{padding:12px 24px;font-weight:700;transition:all .3s ease;border:none;position:relative;overflow:hidden}.ripple-btn{position:relative}.ripple{position:absolute;width:100px;height:100px;background:#fff6;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:rippleEffect .6s ease-out;pointer-events:none}@keyframes rippleEffect{to{transform:translate(-50%,-50%) scale(4);opacity:0}}.spidey-btn{background:#e23636;color:#fff;font-family:Bangers,cursive;letter-spacing:1px;border:2px solid #1A1A2E;box-shadow:3px 3px #1a1a2e}.bat-btn{background:transparent;color:#ffe600;border:1px solid #FFE600;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:2px}.demo-toggle{position:relative;width:60px;height:30px;display:inline-block}.demo-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;border-radius:15px;cursor:pointer;transition:all .4s ease}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;top:4px;left:4px;background:#fff;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.demo-toggle input:checked+.toggle-slider:before{transform:translate(28px)}.toggle-label{margin-left:10px;font-weight:700;font-size:.9rem}.slider-demo{flex-direction:column;gap:16px}.demo-slider{width:100%;max-width:200px;height:8px;-webkit-appearance:none;border-radius:4px;outline:none}.theme-spidey .demo-slider{background:#ddd}.theme-spidey .demo-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#e23636;border-radius:50%;cursor:pointer;border:2px solid #1A1A2E}.theme-batman .demo-slider{background:#333}.theme-batman .demo-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#ffe600;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #ffe600}.slider-value{font-weight:900;font-size:1.5rem}.theme-spidey .slider-value{font-family:Bangers,cursive;color:#e23636}.theme-batman .slider-value{font-family:Anton,sans-serif;color:#ffe600}.color-demo{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.color-swatch.active{transform:scale(1.2)}.color-preview{width:100%;height:40px;border-radius:8px;margin-top:16px;transition:background-color .3s ease}.loading-demo{flex-direction:column;gap:20px}.load-btn{padding:10px 24px;font-weight:600}.theme-spidey .load-btn{background:#1e3a8a;color:#fff;border:2px solid #1A1A2E}.theme-batman .load-btn{background:transparent;color:#ffe600;border:1px solid #FFE600}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid transparent}.theme-spidey .spinner{border-top-color:#e23636;border-right-color:#1e3a8a}.theme-batman .spinner{border-top-color:#ffe600}.progress-bar{width:100%;max-width:200px;height:8px;border-radius:4px;overflow:hidden}.theme-spidey .progress-bar{background:#ddd}.theme-batman .progress-bar{background:#333}.progress-fill{height:100%;border-radius:4px;transition:width .2s ease}.theme-spidey .progress-fill{background:linear-gradient(90deg,#e23636,#1e3a8a)}.theme-batman .progress-fill{background:#ffe600;box-shadow:0 0 10px #ffe600}.tooltip-demo{position:relative}.tooltip-trigger{padding:16px 32px;font-weight:600;position:relative;cursor:pointer}.theme-spidey .tooltip-trigger{background:#ffd93d;border:2px solid #1A1A2E;font-family:Comic Neue,cursive}.theme-batman .tooltip-trigger{background:#ffe6001a;border:1px solid #FFE600;color:#ffe600}.tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:10px 16px;border-radius:8px;white-space:nowrap;font-size:.9rem;z-index:100}.theme-spidey .tooltip{background:#1a1a2e;color:#fff}.theme-batman .tooltip{background:#ffe600;color:#050505}.demo-card-3d{width:150px;height:120px;display:flex;align-items:center;justify-content:center;perspective:1000px;transform-style:preserve-3d}.theme-spidey .demo-card-3d{background:linear-gradient(135deg,#e23636,#1e3a8a);border:3px solid #1A1A2E;box-shadow:5px 5px #1a1a2e}.theme-batman .demo-card-3d{background:linear-gradient(135deg,#1a1a1a,#333);border:1px solid #FFE600;box-shadow:0 10px 30px #ffe6001a}.card-3d-content{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:2rem;color:#fff}.card-3d-content span{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.8}.demo-input{padding:12px 16px;width:100%;max-width:200px;font-size:.9rem;outline:none}.theme-spidey .demo-input{background:#fff;border:2px solid #1A1A2E;font-family:Comic Neue,cursive}.theme-spidey .demo-input:focus{border-color:#e23636;box-shadow:4px 4px #e23636}.theme-batman .demo-input{background:#111;border:1px solid #333;color:#e8e8e8}.theme-batman .demo-input:focus{border-color:#ffe600;box-shadow:0 0 15px #ffe60033}@media(max-width:768px){.playground-grid{grid-template-columns:1fr}}.contact{text-align:center}.contact-container{max-width:800px}.contact-text{font-size:1.2rem;margin-bottom:40px;opacity:.8}.contact-email{display:inline-block;font-size:clamp(1.5rem,4vw,3rem);font-weight:900;text-decoration:none;margin-bottom:60px;transition:all .4s ease}.theme-spidey .contact-email{font-family:Bangers,cursive;color:#e23636;text-shadow:2px 2px 0 #1E3A8A}.theme-spidey .contact-email:hover{transform:scale(1.05) rotate(-1deg)}.theme-batman .contact-email{font-family:Anton,sans-serif;color:#ffe600;text-shadow:0 0 20px rgba(255,230,0,.3)}.theme-batman .contact-email:hover{text-shadow:0 0 40px rgba(255,230,0,.6)}.social-links{display:flex;justify-content:center;gap:40px}.social-link{text-decoration:none;font-weight:600;transition:all .3s ease}.theme-spidey .social-link{color:#1a1a2e;font-family:Comic Neue,cursive}.theme-spidey .social-link:hover{color:#e23636}.theme-batman .social-link{color:#e8e8e8;text-transform:uppercase;letter-spacing:2px}.theme-batman .social-link:hover{color:#ffe600}.effects-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.lightning-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;z-index:9998;pointer-events:none;transition:opacity .05s ease}.lightning-flash.active{opacity:.7}.flying-bats-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:hidden}.flying-bat{position:absolute;font-size:2rem;left:-50px;animation:flyAcross 4s linear forwards}@keyframes flyAcross{0%{transform:translate(0) translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 100px)) translateY(-50px) rotate(-10deg);opacity:0}}.transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;overflow:hidden}.transition-bat{position:absolute;bottom:-50px;animation:batFlyUp .8s ease-out forwards}@keyframes batFlyUp{0%{transform:translateY(0) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(-120vh) rotate(-20deg);opacity:0}}.web-corner{position:fixed;width:180px;height:180px;z-index:5;pointer-events:none;opacity:0;transition:opacity .5s ease;color:#0000001a}.theme-spidey .web-corner{opacity:1}.web-top-left{top:0;left:0}.web-top-right{top:0;right:0}.footer{padding:40px 0;text-align:center;position:relative;z-index:10}.theme-spidey .footer{background:#1a1a2e;color:#fff}.theme-batman .footer{background:#0a0a0a;border-top:1px solid #222}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-text{font-size:.9rem;opacity:.7}.footer-easter{font-size:1.5rem}@media(max-width:768px){.footer-inner{flex-direction:column;gap:16px}}*{cursor:none!important}.app{position:relative;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:120px 0;position:relative}.section-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:60px;position:relative;display:inline-block}.theme-spidey .section-title{font-family:Bangers,cursive;color:#1a1a2e;text-shadow:3px 3px 0 #E23636}.theme-batman .section-title{font-family:Anton,sans-serif;background:linear-gradient(180deg,#fff,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px}.interactive{transition:all .3s ease}