.bulb-cap,.ceiling-mount,.pull-string{transform:translateX(-50%)}#darkveil-canvas,#threejs-canvas,.netflix-preloader{left:0;width:100%;height:100%}.cursor,.tooltip{pointer-events:none}.tech-tag,.tooltip,.typing-text{white-space:nowrap}#darkveil-canvas{position:fixed;top:0;z-index:-1;opacity:.4;transition:opacity .4s}[data-theme=light] #darkveil-canvas{opacity:.12;filter:brightness(1.4) contrast(.7) saturate(.8)}*{font-family:Poppins,sans-serif}:root{--primary-color:#8b5cf6;--primary-dark:#7c3aed;--primary-light:#c4b5fd;--bg-primary:#000;--bg-secondary:#1f2937;--bg-tertiary:#374151;--text-primary:#ffffff;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:rgba(255, 255, 255, 0.1);--glass-bg:rgba(17, 24, 39, 0.8)}.project-image{width:100%;border-radius:1.2rem 1.2rem 0 0}.project-img-fixed{width:100%;height:100%;object-fit:cover;display:block}.project-icon-small{position:absolute;top:-18px;right:15px;background:rgba(255,255,255,.18);padding:12px;border-radius:50%;backdrop-filter:blur(6px)}.netflix-preloader{position:fixed;top:0;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;font-family:poppins,sans-serif;transition:opacity 1.5s}.h-left,.h-middle{left:60px;font-family:poppins,sans-serif}.netflix-preloader.fade-out{opacity:0;pointer-events:none;font-family:poppins,sans-serif}.netflix-h-container{position:relative;width:300px;height:400px;font-family:poppins,sans-serif;animation:3s cubic-bezier(.65,0,.35,1) forwards netflix-zoom}.h-line{position:absolute;background:#e50914;box-shadow:0 0 20px rgba(229,9,20,.6);font-family:poppins,sans-serif}.h-left{top:50px;width:40px;height:0;animation:1.5s ease-out forwards draw-vertical}.h-middle{top:200px;width:0;height:40px;animation:1.5s ease-out forwards draw-horizontal}.h-right{right:60px;top:50px;width:40px;height:0;animation:1.5s ease-out forwards draw-vertical;font-family:poppins,sans-serif}@keyframes draw-vertical{from{height:0}to{height:300px}}@keyframes draw-horizontal{from{width:0}to{width:140px}}@keyframes netflix-zoom{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1);opacity:1}100%{transform:scale(50);opacity:0}}.bulb-container{position:relative;width:100px;height:150px;margin:0 auto 1rem;cursor:pointer;z-index:100}.bulb-cap,.ceiling-mount,.light-bulb,.pull-string{position:absolute;left:50%}.ceiling-mount{top:0;width:35px;height:6px;background:var(--bg-tertiary);border-radius:3px}.pull-string{top:6px;z-index:2;transition:transform .3s}.string-line{width:2px;height:20px;background:linear-gradient(to bottom,var(--text-secondary),transparent);margin:0 auto}.string-knob{width:10px;height:10px;background:var(--primary-color);border-radius:50%;margin:0 auto;box-shadow:0 2px 6px rgba(0,0,0,.3)}.service-icon,.skill-icon{margin-bottom:1rem;font-size:3rem}.light-bulb{bottom:0;transform:translateX(-50%) rotate(0);width:70px;height:90px;transition:.5s}.bulb-cap{top:0;width:26px;height:18px;background:linear-gradient(to bottom,#8b7355,#6d5a47);border-radius:2px}.bulb-glass,.bulb-glow{top:16px;transform:translateX(-50%);width:52px;height:70px;border-radius:50%/60% 60% 40% 40%;transition:.5s;position:absolute;left:50%}.bulb-glass{background:linear-gradient(to bottom,rgba(255,255,255,.1),rgba(255,255,255,.05))}.bulb-glow{background:radial-gradient(circle,var(--primary-color),transparent 70%);opacity:0;filter:blur(10px)}[data-theme=light] .bulb-glow{opacity:.8;animation:2s ease-in-out infinite glow-pulse}[data-theme=light] .bulb-glass{background:linear-gradient(to bottom,rgba(255,255,100,.4),rgba(255,255,200,.3));box-shadow:0 5px 20px var(--primary-color)}@keyframes glow-pulse{0%,100%{opacity:.8}50%{opacity:1}}@keyframes swing{0%,100%{transform:translateX(-50%) rotate(0)}25%{transform:translateX(-50%) rotate(5deg)}75%{transform:translateX(-50%) rotate(-5deg)}}.theme-status{color:var(--text-secondary);font-size:.875rem;text-align:center}[data-theme=light]{--bg-primary:#f9fafb;--bg-secondary:#ffffff;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--border-color:rgba(0, 0, 0, 0.1);--glass-bg:rgba(249, 250, 251, 0.8)}body{overflow-x:hidden;background-color:var(--bg-primary);color:var(--text-primary);transition:.4s cubic-bezier(.4, 0, .2, 1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}#threejs-canvas{position:fixed;top:0;z-index:-1;opacity:.3}.cursor{position:fixed;width:20px;height:20px;background:var(--primary-color);border-radius:50%;z-index:9999;transition:transform .15s;mix-blend-mode:difference}.nav-item,.nav-item button,.service-card{position:relative}.slide-in-bottom,.slide-in-left,.slide-in-right,.slide-in-top{transition:1.2s cubic-bezier(.16, 1, .3, 1);opacity:0}.slide-in-left{transform:translateX(-80px)}.slide-in-right{transform:translateX(80px)}.slide-in-top{transform:translateY(-80px)}.slide-in-bottom{transform:translateY(80px)}.fade-in{opacity:0;transition:1s cubic-bezier(.16, 1, .3, 1)}.scale-in{transform:scale(.85);opacity:0;transition:1s cubic-bezier(.34, 1.56, .64, 1)}.animate-in{transform:translate(0) scale(1);opacity:1}.typing-text{border-right:2px solid var(--primary-color);animation:1s infinite blink-cursor;min-height:1.2em;display:inline-block}@keyframes blink-cursor{0%,50%{border-color:var(--primary-color)}100%,51%{border-color:transparent}}.skill-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:15px;padding:1.5rem;transition:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=light] .skill-card{background:rgba(255,255,255,.8);border:1px solid var(--border-color)}.nav-item::before,.skill-icon{background:linear-gradient(45deg,var(--primary-color),var(--primary-light))}.skill-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.15)}[data-theme=light] .resume-download-card:hover,[data-theme=light] .skill-card:hover{box-shadow:0 25px 50px rgba(0,0,0,.08)}.skill-icon{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:.4s}.skill-progress{width:0%;height:8px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:4px;transition:width 2.5s cubic-bezier(.25, .46, .45, .94)}.nav-glass,.service-card{border:1px solid var(--border-color)}.nav-glass{background:var(--glass-bg);backdrop-filter:blur(20px);transition:.6s;padding:.35rem .5rem}.nav-item,.nav-item button,.nav-item::before{transition:.4s cubic-bezier(.4, 0, .2, 1)}.service-card,.service-icon{transition:.5s cubic-bezier(.4, 0, .2, 1)}.nav-item button{padding:.875rem;border-radius:50%;font-size:1.125rem;background:0 0;border:2px solid transparent}.nav-item::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);z-index:-1;opacity:0}.nav-item.active::before,.nav-item:hover::before{width:60px;height:60px;opacity:1}.color-btn:hover::before,.profile-image{width:100%;height:100%}.nav-item.active button,.nav-item:hover button{color:#fff;transform:scale(1.1)}.nav-item:hover{transform:translateY(-4px)}.service-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;text-align:center;overflow:hidden}.settings-panel,.settings-toggle{background:var(--glass-bg);border:1px solid var(--border-color)}[data-theme=light] .service-card{background:rgba(255,255,255,.8)}.service-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:.8s;opacity:0}.service-card:hover::before{opacity:1;animation:2s ease-in-out shimmer}.service-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,.2)}[data-theme=light] .service-card:hover{box-shadow:0 30px 60px rgba(0,0,0,.1)}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.service-icon{color:var(--primary-color)}.service-card:hover .service-icon{transform:scale(1.3) rotateY(360deg)}.settings-panel{transform:translate(-100%,-50%);transition:transform .5s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(20px);box-shadow:10px 0 30px rgba(0,0,0,.3)}.settings-panel.open{transform:translate(0,-50%)}.settings-toggle{backdrop-filter:blur(15px);transition:.4s;color:var(--text-primary);box-shadow:5px 0 20px rgba(0,0,0,.2);position:absolute;right:-50px;top:50%;transform:translateY(-50%);padding:12px;border-radius:0 8px 8px 0}.settings-panel.open .settings-toggle{right:-46px}.cogwheel{animation:6s linear infinite rotate;transition:.4s}.settings-toggle:hover .cogwheel{animation:1s linear infinite rotate;color:var(--primary-color)}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.color-btn{transition:.4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;border:2px solid transparent}.color-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:.4s}.theme-btn.active,.theme-btn:hover{background:var(--primary-color);color:#fff}.color-btn:hover{transform:scale(1.25);box-shadow:0 15px 30px rgba(0,0,0,.3);border-color:rgba(255,255,255,.5)}.color-btn.active{transform:scale(1.1);border-color:var(--text-primary);box-shadow:0 10px 20px rgba(0,0,0,.2)}.counter{font-size:3rem;font-weight:700;color:var(--primary-color);display:block}.project-card:hover .project-description,.settings-panel button,.settings-panel h4,.tooltip{color:var(--text-primary)}.tooltip{position:absolute;bottom:-45px;left:50%;transform:translateX(-50%);background:var(--bg-tertiary);padding:8px 12px;border-radius:8px;opacity:0;transition:opacity .3s;font-size:12px;border:1px solid var(--border-color)}.profile-container,.profile-image,.profile-inner{border-radius:25% 75% 70% 30%/30% 30% 70% 70%;transition:.6s cubic-bezier(.4, 0, .2, 1)}.nav-item:hover .tooltip,.project-card:hover .project-overlay,.resume-download-card:hover::before{opacity:1}.glitch:hover{animation:.4s infinite glitch}@keyframes glitch{0%,100%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.profile-image{object-fit:cover}.profile-image:hover{border-radius:50%;transform:rotate(5deg) scale(1.05)}.profile-container{background:linear-gradient(45deg,var(--primary-color),var(--primary-light));padding:3px}.profile-container:hover,.profile-container:hover .profile-inner{border-radius:50%}.profile-inner{background:var(--bg-secondary);overflow:hidden}.theme-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);transition:.4s}.btn-primary,.btn-secondary{transition:.4s cubic-bezier(.4, 0, .2, 1)}.theme-btn.active{border-color:var(--primary-color)}.theme-btn:hover{transform:translateY(-2px)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(239,68,68,.4)}.btn-primary{background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));border:none;color:#fff}.btn-primary:hover{background:linear-gradient(45deg,var(--primary-dark),var(--primary-color))}.btn-secondary{background:0 0;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff}.modal-close:hover,.project-info h3{color:var(--primary-color)}.project-card:hover .project-link,.project-card:hover .tech-tag{background:var(--primary-color);border-color:var(--primary-color)}.project-card{background:rgba(255,255,255,.05);backdrop-filter:blur(15px);border:1px solid var(--border-color);border-radius:25px;overflow:hidden;transition:.6s cubic-bezier(.34, 1.56, .64, 1);transform-style:preserve-3d;position:relative;min-height:450px;cursor:pointer;display:flex;flex-direction:column}[data-theme=light] .project-card,[data-theme=light] .resume-download-card{background:rgba(255,255,255,.9)}.project-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--primary-color),transparent,var(--primary-light),transparent);animation:4s linear infinite rotate-border;z-index:-1;opacity:0;transition:opacity .6s}.project-card:hover::before{opacity:.7}.project-card:hover{transform:translateY(-20px) rotateX(10deg) rotateY(-5deg) scale(1.05);box-shadow:0 30px 60px rgba(0,0,0,.3),0 0 0 1px var(--primary-color),inset 0 1px 0 rgba(255,255,255,.2)}[data-theme=light] .project-card:hover{box-shadow:0 30px 60px rgba(0,0,0,.15),0 0 0 1px var(--primary-color),inset 0 1px 0 rgba(255,255,255,.2)}.project-image{height:55%;position:relative;overflow:hidden}.project-bg,.project-overlay{width:100%;height:100%;align-items:center;display:flex}.project-bg{justify-content:center;transition:.8s cubic-bezier(.4, 0, .2, 1);position:relative}.nova-bg{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.scheduler-bg{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%)}.resume-bg{background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%)}.project-card:hover .project-bg{transform:scale(1.2) rotate(10deg);filter:brightness(1.3) saturate(1.4)}.project-icon{font-size:4rem;color:#fff;transition:.8s cubic-bezier(.68, -.55, .265, 1.55);text-shadow:0 4px 8px rgba(0,0,0,.3)}.project-card:hover .project-icon{transform:scale(1.5) rotate(360deg);animation:2s ease-in-out infinite float}.project-overlay{position:absolute;top:0;left:0;background:linear-gradient(45deg,rgba(0,0,0,.8),rgba(0,0,0,.4));justify-content:center;opacity:0;transition:.5s cubic-bezier(.4, 0, .2, 1)}.project-link,.project-modal{backdrop-filter:blur(10px);align-items:center}.project-links{display:flex;gap:1rem}.project-link{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);display:flex;justify-content:center;color:#fff;font-size:1.2rem;transition:.4s cubic-bezier(.4, 0, .2, 1);transform:translateY(20px)}.project-card:hover .project-link{transform:translateY(0)}.project-link:hover{transform:translateY(-5px) scale(1.2);box-shadow:0 10px 20px rgba(0,0,0,.3)}.project-content{padding:1.5rem;height:45%;display:flex;flex-direction:column;justify-content:space-between}.project-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;transition:.4s}.modal-close,.project-description,.tech-tag{color:var(--text-secondary)}.project-card:hover .project-title{color:var(--primary-color);transform:translateX(10px)}.project-description{font-size:.85rem;line-height:1.4;margin-bottom:1rem;transition:.4s;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;flex-shrink:0}.tech-tag{background:rgba(255,255,255,.1);padding:.2rem .6rem;border-radius:10px;font-size:.75rem;border:1px solid var(--border-color);transition:.4s cubic-bezier(.4, 0, .2, 1);opacity:.8}[data-theme=light] .tech-tag{background:rgba(0,0,0,.05)}.project-card:hover .tech-tag{color:#fff;transform:translateY(0) scale(1.05);opacity:1}.tech-tag:nth-child(2){transition-delay:0.1s}.tech-tag:nth-child(3){transition-delay:0.2s}.tech-tag:nth-child(4){transition-delay:0.3s}.resume-card::after{content:'⭐';position:absolute;top:1rem;right:1rem;font-size:1.5rem;animation:2s ease-in-out infinite sparkle}.resume-card:hover::after{animation:.5s ease-in-out infinite sparkle}.project-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000;justify-content:center}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;max-width:90%;max-height:90%;padding:2rem;position:relative;overflow-y:auto}.modal-close{position:absolute;top:1rem;right:1.5rem;font-size:2rem;cursor:pointer;transition:color .3s}.project-details{max-width:800px}.project-header{text-align:center;margin-bottom:2rem}.project-header h2{margin:1rem 0;font-size:2rem;font-weight:700}.project-icon-large{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:2rem;color:#fff}.project-info h3{font-size:1.3rem;margin:2rem 0 1rem;font-weight:600}.project-info p,.project-info ul{color:var(--text-secondary);margin-bottom:1.5rem}.project-info p{line-height:1.6}.project-info li{margin-bottom:.5rem;padding-left:.5rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem;margin-bottom:2rem}.tech-badge{background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:25px;text-align:center;font-weight:500;font-size:.9rem;transition:.3s}.tech-badge:hover{background:var(--primary-dark);transform:translateY(-2px)}.project-links-modal{text-align:center;margin-top:2rem}.project-links-modal .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 2rem;border-radius:25px;text-decoration:none;font-weight:500}.resume-preview{text-align:center;max-width:500px}.resume-header{border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.resume-section{margin-bottom:1.5rem}.resume-section h4{font-weight:600}.resume-section ul{list-style:none;padding:0}.resume-section li{margin-bottom:.3rem;font-size:.9rem}@keyframes rotate-border{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:scale(1.5) rotate(360deg) translateY(0)}50%{transform:scale(1.5) rotate(360deg) translateY(-10px)}}@keyframes sparkle{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(180deg);opacity:.7}}@media (max-width:768px){.typing-text{white-space:nowrap;border-right:2px solid var(--primary-color);animation:1s infinite blink-cursor;min-height:1.2em;display:inline-block}.cursor{display:none!important}.skill-icon{font-size:2rem}.preloader-logo{font-size:2.5rem}.nav-glass{padding:.5rem 1rem}.nav-item button{font-size:1rem;padding:.75rem}.project-card{height:400px}.project-content{padding:1.25rem}.project-card:hover{transform:translateY(-10px) scale(1.02)}.project-icon{font-size:3rem}.project-description{font-size:.8rem;-webkit-line-clamp:2}.project-link{width:40px;height:40px;font-size:1rem}.tech-tag{font-size:.7rem;padding:.15rem .5rem}}.resume-download-card{background:rgba(255,255,255,.05);backdrop-filter:blur(15px);border:1px solid var(--border-color);border-radius:25px;padding:3rem 2rem;text-align:center;transition:.6s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.resume-download-card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-color),var(--primary-light),var(--primary-color));background-size:200% 200%;border-radius:25px;z-index:-1;animation:3s ease-in-out infinite gradient-shift;opacity:0;transition:opacity .4s}.resume-download-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,.15)}.resume-icon-container{width:80px;height:80px;background:linear-gradient(45deg,var(--primary-color),var(--primary-light));border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;transition:.4s cubic-bezier(.4, 0, .2, 1)}.resume-download-card:hover .resume-icon-container{transform:rotateY(360deg) scale(1.1)}.resume-icon{font-size:2.5rem;color:#fff;animation:2s ease-in-out infinite bounce-gentle}@keyframes gradient-shift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes bounce-gentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
