@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;500;700&display=swap";:root{--bg: #050505;--bg-gray: #121212;--surface: #0d0d0d;--border: #2a2a2a;--text: #E0E0E0;--text-muted: #9ca3af;--text-dim: #6b7280;--orange: #FF6B00;--accent: #FF9E00}body.light{--bg: #f8fafc;--bg-gray: #f1f5f9;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--text-dim: #94a3b8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Rajdhani,sans-serif;background-color:var(--bg);color:var(--text);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ff6b00;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff9e00}.font-display{font-family:Orbitron,sans-serif}.gradient-text{background:linear-gradient(to right,#ff6b00,#ff9e00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neon-text{text-shadow:0 0 10px rgba(255,107,0,.5),0 0 20px rgba(255,107,0,.3)}.glass{background:#121212bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,107,0,.1);transition:all .3s ease}body.light .glass{background:#ffffffe6;border-color:#ff6b0026;box-shadow:0 4px 20px #00000014}.bg-brand-dark{background-color:var(--bg)}.bg-brand-gray{background-color:var(--bg-gray)}#loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .5s ease}.loader-bar{width:4px;height:40px;background:#ff6b00;margin:0 4px;display:inline-block;animation:loaderAnim 1s ease-in-out infinite}@keyframes loaderAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.5)}}.service-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--border);background:var(--bg-gray)}body.light .service-card{background:var(--surface)}.service-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px -10px #ff6b004d;border-color:#ff6b00}.portfolio-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #ff6b004d;border-color:#ff6b00!important}.portfolio-card:hover .p-img{transform:scale(1.1)}.portfolio-card:hover .p-overlay{opacity:1!important}.p-img{transition:transform .7s ease}.p-overlay{transition:opacity .4s ease}.theme-toggle{position:relative;width:50px;height:26px;border-radius:13px;background:#374151;cursor:pointer;transition:background .3s ease;border:2px solid #FF6B00;flex-shrink:0;display:inline-block}body.light .theme-toggle{background:#e2e8f0}.theme-toggle-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#ff6b00;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}body.light .theme-toggle-slider{transform:translate(24px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseOrange{0%,to{opacity:1}50%{opacity:.5}}.animate-float{animation:float 6s ease-in-out infinite}.animate-spin-slow{animation:spinSlow 12s linear infinite}.animate-spin-rev{animation:spinSlow 15s linear infinite reverse}.animate-pulse-o{animation:pulseOrange 1.5s ease-in-out infinite}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#ff6b00;transition:width .3s ease}.nav-link:hover:after{width:100%}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:35;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}body.light .mobile-overlay{background:#0000004d}.mobile-overlay.active{opacity:1;visibility:visible}.back-to-top{position:fixed;bottom:2rem;right:2rem;background:#ff6b00;color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:none;transform:translateY(5rem);opacity:0;z-index:50}.back-to-top.visible{transform:translateY(0);opacity:1}.back-to-top:hover{background:#fff;color:var(--bg);transform:translateY(-4px)}.form-input{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.75rem 1rem;border-radius:.375rem;outline:none;transition:border-color .2s ease;font-family:Rajdhani,sans-serif;font-size:1rem}body:not(.light) .form-input{background:#1a1a1a}.form-input:focus{border-color:#ff6b00}.section-divider{width:100%;height:1px;background:linear-gradient(to right,transparent,#FF6B00,transparent);opacity:.3}.contact-icon-bg,.about-icon-bg{background:#ff6b001a}.social-icon-bg{background:#ffffff0d}body.light .social-icon-bg{background:#0000000f}.filter-btn{transition:all .3s ease;position:relative;padding-bottom:6px;background:none;border:none;cursor:pointer;font-family:Rajdhani,sans-serif}.filter-btn:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#ff6b00;transition:width .3s ease}.filter-btn:hover:before,.filter-btn.active:before{width:100%}.filter-btn.active{color:#ff6b00}.tech-tag{background:#ff6b001a;border:1px solid rgba(255,107,0,.3);color:#ff6b00;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.project-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.project-modal.active{opacity:1;visibility:visible}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.light .modal-overlay{background:#000000b3}.modal-content{transform:scale(.9) translateY(20px);transition:transform .3s ease;max-height:90vh;overflow-y:auto}.project-modal.active .modal-content{transform:scale(1) translateY(0)}body.light .dark-overlay{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.5),#050505)!important}body.light footer{background-color:var(--surface)!important;border-color:var(--border)!important}body.light footer p,body.light footer a{color:var(--text-dim)!important}body.light .text-gray-400{color:var(--text-muted)!important}body.light .text-gray-500{color:var(--text-dim)!important}body.light .text-white{color:var(--text)!important}body.light .border-gray-800{border-color:var(--border)!important}body.light .border-gray-700{border-color:#cbd5e1!important}body.light .counter{color:#fff!important}body.light .hero-contact-btn{border-color:var(--border)!important;color:var(--text)!important}body.light .hero-contact-btn:hover{border-color:#ff6b00!important;color:#ff6b00!important}body.light #hero-canvas{opacity:.25!important}body.light .service-card p{color:var(--text-muted)!important}body.light .service-card h4{color:var(--text)!important}body.light .about-icon-bg{background:#ff6b001a}body.light .contact-form-bg{background:var(--surface);border-color:var(--border)}body.light #mobile-menu{background:#f8fafcfa!important}.nav-dropdown-group:hover .nav-dropdown-menu{opacity:1!important;visibility:visible!important;margin-top:.5rem!important}.cube-wrapper{position:relative;z-index:5;perspective:1000px;display:flex;align-items:center;justify-content:center}.cube{width:100px;height:100px;position:relative;transform-style:preserve-3d;animation:rotateCube 12s infinite linear}.face{position:absolute;width:100px;height:100px;border:2px solid #FF6B00;background:#ff6b0026;box-sizing:border-box}.front{transform:rotateY(0) translateZ(50px)}.back{transform:rotateY(180deg) translateZ(50px)}.right{transform:rotateY(90deg) translateZ(50px)}.left{transform:rotateY(-90deg) translateZ(50px)}.top{transform:rotateX(90deg) translateZ(50px)}.bottom{transform:rotateX(-90deg) translateZ(50px)}@keyframes rotateCube{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.animate-spin-slow{animation:spinSlow 20s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}