@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";:root{--color-bg:#05050f;--color-surface:#14142866;--color-primary:#8a2be2;--color-primary-light:#b166ff;--color-secondary:#00d2ff;--color-text:#fff;--color-text-muted:#a0a0b0;--glass-border:1px solid #ffffff1a;--glass-bg:#14142880;--neon-glow:0 0 20px #8a2be280}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);background-image:radial-gradient(circle at 15%,#8a2be226 0%,#0000 50%),radial-gradient(circle at 85% 30%,#00d2ff1a 0%,#0000 50%);background-attachment:fixed;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.text-gradient{background:linear-gradient(90deg, var(--color-secondary), var(--color-primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));color:#fff;cursor:pointer;box-shadow:var(--neon-glow);border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00d2ff99}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff9}.section-title{text-align:center;margin-bottom:3rem}.section-title span{text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);margin-bottom:.5rem;font-size:.9rem;display:block}.section-title h2{font-size:2.5rem;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 20px}html[dir=rtl] body,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] h6,html[dir=rtl] p,html[dir=rtl] span,html[dir=rtl] a,html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] div{font-family:Cairo,sans-serif!important}html[dir=rtl]{font-size:17px}html[dir=rtl] .section-title span{letter-spacing:0}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);background:#05050fcc;border-bottom:1px solid #ffffff0d;width:100%;padding:20px 0;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:12px;display:flex}.nav-logo-img{object-fit:contain;width:auto;height:40px}.logo-text{letter-spacing:1px;font-size:1.2rem;font-weight:700;line-height:1.1}.logo-text small{color:var(--color-text-muted);letter-spacing:2px;font-size:.6rem;font-weight:400}.nav-links{gap:30px;display:flex}.nav-links button{color:var(--color-text-muted);font-family:inherit;font-size:.9rem;font-weight:500;transition:color .3s}.nav-links button:hover,.nav-links button.active{color:var(--color-text)}.mobile-only{display:none}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none}@media (width<=900px){.desktop-only{display:none!important}.mobile-only{display:block!important}}.mobile-menu-overlay{-webkit-backdrop-filter:blur(10px);background:#05050ff2;border-bottom:1px solid #ffffff0d;flex-direction:column;width:100%;max-height:0;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.mobile-menu-overlay.open{max-height:400px;padding:20px 0 30px}.mobile-nav-links{flex-direction:column;align-items:center;gap:20px;display:flex}.mobile-nav-links button{color:var(--color-text-muted);cursor:pointer;text-transform:capitalize;background:0 0;border:none;font-family:inherit;font-size:1.1rem;font-weight:500;transition:color .3s}.mobile-nav-links button.active,.mobile-nav-links button:hover{color:var(--color-text)}.hero-section{background-color:#0000;align-items:center;width:100%;height:auto;min-height:100vh;padding-top:100px;padding-bottom:50px;font-family:Space Grotesk,sans-serif;display:flex;position:relative;overflow:hidden}.hero-container{z-index:10;grid-template-columns:1fr 1fr;align-items:center;height:100%;display:grid;position:relative}.hero-content{padding-right:20px;animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeUp}.hero-title{letter-spacing:-3px;color:#fff;margin-bottom:30px;font-size:clamp(3.5rem,6vw,6.5rem);font-weight:800;line-height:.95}.hero-title .text-gradient{background:linear-gradient(135deg,#a855f7 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #a855f74d;-webkit-background-clip:text;padding-right:15px;display:inline-block}.hero-subtitle{color:#94a3b8;letter-spacing:.2px;max-width:550px;margin-bottom:50px;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:300;line-height:1.6}.hero-buttons{align-items:center;gap:20px;margin-bottom:70px;display:flex}.btn-premium{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7c3aed,#4f46e5);border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:12px;padding:16px 36px;font-size:1.05rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #7c3aed66,inset 0 1px #fff3}.btn-premium:after{content:"";background:linear-gradient(90deg,#fff0,#fff3,#fff0);border-radius:100px;transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.btn-premium:hover{transform:translateY(-3px);box-shadow:0 15px 40px #7c3aed99,inset 0 1px #fff6}.btn-premium:hover:after{transform:translate(100%)}.btn-glass{-webkit-backdrop-filter:blur(20px);color:#e2e8f0;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:12px;padding:16px 32px;font-size:1.05rem;font-weight:500;transition:all .4s;display:flex}.btn-glass:hover{color:#fff;background:#ffffff14;border-color:#ffffff40;transform:translateY(-3px)}.hero-trust{opacity:0;align-items:center;gap:30px;animation:1s cubic-bezier(.16,1,.3,1) .4s forwards fadeUp;display:flex}.divider{background:linear-gradient(#0000,#fff3,#0000);width:1px;height:40px}.trust-stat{flex-direction:column;gap:4px;display:flex}.trust-stat strong{color:#fff;letter-spacing:-1px;font-size:1.7rem;font-weight:700}.trust-stat span{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:500}.hero-3d-wrapper{perspective:1200px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.astronaut-glow{filter:blur(40px);z-index:1;background:radial-gradient(circle,#7c3aed66 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:4s ease-in-out infinite alternate pulseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-floating-logo{z-index:2;object-fit:contain;filter:drop-shadow(0 20px 40px #00000080);width:100%;max-width:500px;height:auto;animation:6s ease-in-out infinite elegantFloat;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes elegantFloat{0%{filter:drop-shadow(0 20px 40px #00000080);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 30px 50px #7c3aed4d);transform:translateY(-20px)scale(1.02)}to{filter:drop-shadow(0 20px 40px #00000080);transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-content{z-index:10;flex-direction:column;align-items:center;margin-top:40px;padding-right:0;display:flex}.hero-buttons,.hero-trust{justify-content:center}.hero-3d-wrapper{opacity:.2;pointer-events:none;z-index:0;position:absolute;top:0;left:0}}@media (width<=600px){.hero-title{letter-spacing:-1.5px;font-size:2.8rem}.hero-subtitle{margin-bottom:40px;font-size:.95rem}.hero-buttons{flex-direction:column;gap:15px;width:100%}.btn-premium,.btn-glass{justify-content:center;width:100%}.hero-trust{flex-direction:column;gap:15px}.divider{background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:1px}}html[dir=rtl] .hero-title{letter-spacing:0!important;font-size:clamp(3rem,5.5vw,5.5rem)!important;line-height:1.25!important}html[dir=rtl] .hero-subtitle{margin-bottom:25px!important}html[dir=rtl] .hero-buttons{margin-bottom:30px!important}.services-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;display:grid}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.services-grid{grid-template-columns:1fr}}.service-card{flex-direction:column;padding:25px 20px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.service-card:hover{border-color:#8a2be266;transform:translateY(-10px);box-shadow:0 15px 40px #8a2be233}.service-icon-wrapper{width:50px;height:50px;color:var(--color-text);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;transition:all .3s;display:flex}.service-card:hover .service-icon-wrapper{color:var(--color-secondary);background:linear-gradient(135deg,#8a2be233,#00d2ff33);border-color:#00d2ff80}.service-title{margin-bottom:15px;font-size:1.25rem;font-weight:600}.service-desc{color:var(--color-text-muted);flex-grow:1;margin-bottom:30px;font-size:.95rem;line-height:1.6}.service-link{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.service-card:hover .service-link{background:var(--color-primary);border-color:var(--color-primary)}.projects-section{padding:6rem 0;position:relative;overflow:hidden}@media (width<=600px){.projects-section{padding:3rem 0}}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:3rem;display:flex}.filter-tab{color:#ffffff8c;cursor:pointer;letter-spacing:.3px;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50px;padding:.55rem 1.4rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .3s}.filter-tab:hover{color:#ffffffd9;background:#ffffff14;border-color:#fff3}.filter-tab.active{color:#00d4ff;background:linear-gradient(135deg,#00d4ff33,#7c3aed33);border-color:#00d4ff80;box-shadow:0 0 20px #00d4ff26}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.projects-grid{grid-template-columns:1fr}}.project-card-wrapper{animation:.5s backwards fadeUp}.project-card{cursor:pointer;background:#0a1628cc;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;height:320px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#00d4ff08,#7c3aed08);border-radius:18px;transition:opacity .4s;position:absolute;inset:0}.project-card:hover{border-color:#00d4ff40;transform:translateY(-8px);box-shadow:0 20px 60px #00000080,0 0 0 1px #00d4ff1a,0 0 40px #00d4ff0f}.project-card:hover:before{opacity:1}.project-image{background-color:#ffffff08;background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .5s;position:relative}.project-card:hover .project-image{transform:scale(1.03)}.project-image:after{content:"";background:linear-gradient(#0000 40%,#050d1ab3 80%,#050d1af2 100%);position:absolute;inset:0}.project-image-placeholder{background:linear-gradient(135deg,#00d4ff0a,#7c3aed0a);border-bottom:1px dashed #ffffff14;flex:1;justify-content:center;align-items:center;display:flex}.project-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050d1ae6;border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:1.2rem 1.4rem;display:flex;position:relative}.project-title{color:#f0f6ff;margin:0 0 .25rem;font-family:Space Grotesk,Inter,sans-serif;font-size:1rem;font-weight:700;transition:color .2s}.project-card:hover .project-title{color:#00d4ff}.project-category{color:#fff6;text-transform:uppercase;letter-spacing:.8px;font-size:.72rem;font-weight:500;display:block}.service-link{color:#00d4ff;cursor:pointer;background:#00d4ff14;border:1px solid #00d4ff33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:.1rem;text-decoration:none;transition:all .3s;display:flex}.service-link:hover{color:#000;background:#00d4ff;transform:scale(1.1);box-shadow:0 0 16px #00d4ff66}.view-all-container{justify-content:center;margin-top:3rem;display:flex}.project-cat-overlay{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffd9;text-transform:uppercase;letter-spacing:.8px;background:#000000a6;border:1px solid #ffffff1f;border-radius:20px;padding:.25rem .7rem;font-size:.68rem;font-weight:600;position:absolute;top:1rem;left:1rem}.testimonials-container{align-items:center;gap:20px;display:flex;position:relative}.testimonials-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (width<=900px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.testimonials-grid{grid-template-columns:1fr}}.nav-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.nav-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.testimonial-card{flex-direction:column;padding:30px;display:flex}.stars{gap:5px;margin-bottom:20px;display:flex}.review-text{color:var(--color-text-muted);flex-grow:1;margin-bottom:30px;font-size:1rem;font-style:italic;line-height:1.6}.client-info{align-items:center;gap:15px;display:flex}.client-avatar{object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;width:50px;height:50px}.client-name{margin-bottom:4px;font-size:1rem;font-weight:600}.client-role{color:var(--color-text-muted);font-size:.8rem}.pagination{justify-content:center;gap:10px;margin-top:40px;display:flex}.dot{cursor:pointer;background:#fff3;border-radius:50%;width:10px;height:10px;transition:all .3s}.dot.active{background:var(--color-primary);border-radius:5px;width:30px}@media (width<=768px){.nav-btn{display:none}.testimonials-container{gap:10px}}@media (width<=600px){.testimonial-card{padding:20px 15px}.review-text{font-size:.95rem}}.contact-section{align-items:center;font-family:Space Grotesk,sans-serif;display:flex;position:relative}.premium-glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;justify-content:space-between;padding:60px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.premium-glass-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 100%,#2563eb1a 0%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.contact-info{z-index:2;flex:1;max-width:450px;position:relative}.contact-subtitle{color:#94a3b8;margin-bottom:40px;font-size:1.1rem;line-height:1.6}.contact-section-title{text-align:left;margin-bottom:20px}.contact-section-title span{text-transform:uppercase;letter-spacing:2px;color:#a855f7;margin-bottom:.5rem;font-size:.9rem;display:block}.contact-section-title h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}html[dir=rtl] .contact-section-title{text-align:right}html[dir=rtl] .contact-section-title span{letter-spacing:0}html[dir=rtl] .contact-section-title h2{line-height:1.4}html[dir=rtl] .method-text span[dir=ltr]{text-align:right!important}.contact-methods{flex-direction:column;gap:25px;display:flex}.contact-method{align-items:center;gap:20px;display:flex}.method-icon{color:#a855f7;background:linear-gradient(135deg,#a855f726,#3b82f626);border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .4s;display:flex}.contact-method:hover .method-icon{color:#fff;background:linear-gradient(135deg,#a855f7,#3b82f6);transform:scale(1.05);box-shadow:0 10px 20px #a855f766}.method-text{flex-direction:column;display:flex}.method-text strong{color:#fff;font-size:1.1rem;font-weight:600}.method-text span{color:#94a3b8;font-size:.95rem}.social-links{gap:15px;margin-top:20px;display:flex}.social-link{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .4s;display:flex}.social-link:hover{background:linear-gradient(135deg,#a855f7,#3b82f6);border-color:#0000;transform:translateY(-5px);box-shadow:0 10px 20px #a855f74d}.contact-form-wrapper{z-index:2;flex:1;max-width:500px;position:relative}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.contact-form input,.contact-form textarea{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:18px 24px;font-family:inherit;font-size:1rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#64748b}.contact-form input:focus,.contact-form textarea:focus{background:#ffffff0f;border-color:#a855f7;outline:none;box-shadow:0 0 0 4px #a855f71a}.status-msg{text-align:center;color:#3b82f6;margin-top:15px;font-size:1rem;font-weight:500}@media (width<=900px){.premium-glass-card{flex-direction:column;gap:50px;padding:40px 25px}}@media (width<=600px){.premium-glass-card{gap:30px;padding:30px 15px}.contact-info,.contact-form-wrapper{max-width:100%}.contact-form-row{grid-template-columns:1fr}}.app-container{background-color:#030308;width:100vw;height:100vh;position:relative;overflow:hidden}@media (width<=900px){.app-container{height:auto;min-height:100vh;overflow:hidden auto}}.fullpage-main,.mobile-main{z-index:10;width:100%;height:100%;position:relative}.fullpage-section{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}section{justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.scroll-indicator{z-index:1000;flex-direction:column;gap:15px;display:flex;position:fixed;top:50%;right:30px;transform:translateY(-50%)}.scroll-dot{cursor:pointer;background:#fff3;border:2px solid #0000;border-radius:50%;width:12px;height:12px;transition:all .3s}.scroll-dot:hover{background:#ffffff80}.scroll-dot.active{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary);border-color:#fffc;transform:scale(1.3)}.hero-section,.services-section,.projects-section,.testimonials-section,.contact-section{background-color:#0000;align-items:center;width:100%;height:100vh;display:flex}@media (width<=900px){.hero-section,.services-section,.projects-section,.testimonials-section,.contact-section{height:auto;padding-top:80px;padding-bottom:40px;display:block}.hero-section{min-height:100vh}}.hero-bg{z-index:0;background-color:#030308;width:100vw;height:100vh;position:fixed;top:0;left:0}.nebula{filter:blur(100px);opacity:.4;border-radius:50%;animation:10s ease-in-out infinite alternate pulseNebula;position:absolute}.nebula-1{background:radial-gradient(circle,#7c3aed66 0%,#0000 70%);width:600px;height:600px;top:-10%;left:-10%}.nebula-2{background:radial-gradient(circle,#2563eb4d 0%,#0000 70%);width:800px;height:800px;animation-delay:-5s;bottom:-20%;right:-10%}.hero-bg:after{content:"";pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 200px #030308}.hero-canvas-fullscreen{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}@keyframes pulseNebula{0%{opacity:.3;transform:scale(1)}to{opacity:.5;transform:scale(1.1)}}html[dir=rtl] .hero-bg,html[dir=rtl] .hero-canvas-fullscreen{transform-origin:50%;transform:scaleX(-1)}:root{--bg-void:#020408;--bg-deep:#050d1a;--bg-surface:#0a1628;--bg-elevated:#0f1f38;--bg-hover:#162540;--accent-cyan:#00d4ff;--accent-purple:#7c3aed;--accent-violet:#a855f7;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--glow-cyan:#00d4ff40;--glow-purple:#7c3aed40;--glow-emerald:#10b98140;--glow-amber:#f59e0b40;--glow-rose:#f43f5e40;--text-primary:#f0f6ff;--text-secondary:#8b9cc8;--text-muted:#4a5880;--border-subtle:#ffffff0f;--border-glass:#ffffff1a;--border-active:#00d4ff66;--glass-bg:#0a1628b3;--glass-card:#0f1f3899;--sidebar-width:280px;--sidebar-collapsed:76px;--ease-smooth:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--admin-bg:var(--bg-void);--admin-surface:var(--bg-surface);--admin-primary:var(--accent-cyan);--admin-primary-glow:var(--glow-cyan);--admin-secondary:var(--accent-purple);--admin-text:var(--text-secondary);--admin-text-light:var(--text-primary);--admin-border:var(--border-subtle);--admin-sidebar-width:var(--sidebar-width);--admin-sidebar-closed:var(--sidebar-collapsed);--transition-smooth:all .4s var(--ease-smooth)}*,:before,:after{box-sizing:border-box}.admin-container{background-color:var(--bg-void);width:100vw;height:100vh;color:var(--text-secondary);background-image:radial-gradient(80% 60% at 10% 20%,#00d4ff0a 0%,#0000 60%),radial-gradient(60% 80% at 90% 80%,#7c3aed0f 0%,#0000 60%),radial-gradient(40% 40%,#0a1628e6 0%,#0000 100%);font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.admin-sidebar{-webkit-backdrop-filter:blur(40px);border-right:1px solid var(--border-subtle);transition:width .4s var(--ease-smooth);z-index:20;box-shadow:4px 0 40px #00000080, inset -1px 0 0 var(--border-subtle);background:linear-gradient(#050d1afa 0%,#020408fa 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.admin-sidebar:after{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#00d4ff0f 0%,#0000 70%);height:200px;position:absolute;top:0;left:0;right:0}.admin-sidebar.open{width:var(--sidebar-width)}.admin-sidebar.closed{width:var(--sidebar-collapsed)}.admin-sidebar-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;height:76px;padding:0 1.2rem;display:flex}.brand-logo{white-space:nowrap;align-items:center;gap:.9rem;display:flex;overflow:hidden}.brand-icon{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff;width:36px;height:36px;box-shadow:0 0 20px var(--glow-cyan), 0 0 40px #00d4ff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:800;display:flex;position:relative}.brand-logo h2{color:var(--text-primary);letter-spacing:.3px;background:linear-gradient(90deg, var(--text-primary), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:700}.admin-badge{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#00d4ff26,#7c3aed26);border:1px solid #00d4ff33;border-radius:6px;padding:.25rem .6rem;font-size:.6rem;font-weight:600}.toggle-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:all .3s var(--ease-smooth);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toggle-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-glass)}.admin-nav{flex-direction:column;flex:1;gap:.2rem;padding:1.5rem .8rem;display:flex;overflow:hidden auto}.admin-nav::-webkit-scrollbar{display:none}.nav-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin:.8rem 0 .4rem 1rem;font-size:.65rem;font-weight:600}.admin-sidebar.closed .nav-group-title{text-align:center;margin-left:0;font-size:.5rem}.admin-nav-link{color:var(--text-secondary);transition:all .25s var(--ease-smooth);white-space:nowrap;border-radius:10px;align-items:center;gap:.9rem;padding:.8rem 1rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.admin-nav-link:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff05);border-radius:10px;transition:opacity .3s;position:absolute;inset:0}.admin-nav-link .nav-icon{transition:all .3s var(--ease-smooth);flex-shrink:0}.admin-sidebar.closed .admin-nav-link{justify-content:center;padding:.8rem 0}.admin-nav-link span{flex:1;font-size:.92rem;font-weight:500}.admin-nav-link .chevron{opacity:0;transition:all .3s var(--ease-smooth);color:var(--accent-cyan);transform:translate(-6px)}.admin-nav-link:hover{color:var(--text-primary);background:#00d4ff0d}.admin-nav-link:hover .nav-icon{color:var(--accent-cyan)}.admin-nav-link:hover .chevron{opacity:1;transform:translate(0)}.admin-nav-link:hover:before{opacity:1}.admin-nav-link.active{color:var(--text-primary);background:linear-gradient(90deg,#00d4ff1f,#7c3aed0f,#0000)}.admin-nav-link.active:after{content:"";background:linear-gradient(180deg, var(--accent-cyan), var(--accent-purple));width:3px;box-shadow:0 0 12px var(--glow-cyan);border-radius:0 3px 3px 0;position:absolute;top:20%;bottom:20%;left:0}.admin-nav-link.active .nav-icon{color:var(--accent-cyan)}.admin-nav-link.active .chevron{opacity:1;transform:translate(0)}.admin-sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:.8rem;padding:1rem .8rem;display:flex}.user-profile-mini{cursor:pointer;border-radius:10px;align-items:center;gap:.8rem;padding:.6rem .5rem;transition:background .2s;display:flex;overflow:hidden}.user-profile-mini:hover{background:var(--bg-elevated)}.avatar-img{object-fit:cover;width:34px;height:34px;box-shadow:0 0 10px var(--glow-cyan);border-radius:10px;flex-shrink:0}.user-info h4{color:var(--text-primary);white-space:nowrap;margin:0 0 .15rem;font-size:.85rem;font-weight:600}.user-info p{color:var(--text-muted);margin:0;font-size:.72rem}.admin-logout-btn{width:100%;color:var(--accent-rose);cursor:pointer;transition:all .3s var(--ease-smooth);white-space:nowrap;background:#f43f5e0f;border:1px solid #f43f5e1f;border-radius:10px;align-items:center;gap:.8rem;padding:.75rem 1rem;font-family:inherit;font-size:.88rem;font-weight:500;display:flex;overflow:hidden}.admin-sidebar.closed .admin-logout-btn{justify-content:center}.admin-logout-btn:hover{background:#f43f5e1f;border-color:#f43f5e4d;box-shadow:0 4px 16px #f43f5e26}.admin-main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.admin-topbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:10;background:#020408d9;flex-shrink:0;justify-content:space-between;align-items:center;height:76px;padding:0 2rem;display:flex}.topbar-left,.topbar-right{align-items:center;gap:1rem;display:flex}.topbar-breadcrumb{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.topbar-breadcrumb .page-title{color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600}.icon-btn{background:var(--glass-card);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;width:38px;height:38px;transition:all .25s var(--ease-smooth);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-glass);box-shadow:0 4px 12px #0000004d}.notification-dot{background:var(--accent-rose);width:7px;height:7px;box-shadow:0 0 8px var(--accent-rose);border-radius:50%;position:absolute;top:7px;right:9px}.search-bar{background:var(--glass-card);border:1px solid var(--border-subtle);width:280px;transition:all .3s var(--ease-smooth);border-radius:10px;align-items:center;padding:.45rem 1rem;display:flex}.search-bar:focus-within{background:#0a1628e6;border-color:#00d4ff66;width:340px;box-shadow:0 0 0 3px #00d4ff14,0 4px 20px #0000004d}.search-icon{color:var(--text-muted);margin-right:.7rem}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.search-bar input::placeholder{color:var(--text-muted)}.shortcut-key{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff12;border-radius:4px;padding:.15rem .45rem;font-size:.65rem}.avatar-img-top{cursor:pointer;width:36px;height:36px;box-shadow:0 0 8px var(--glow-cyan);border:2px solid #0000;border-radius:10px;transition:all .25s}.avatar-img-top:hover{border-color:var(--accent-cyan)}.admin-content-wrapper{flex:1;overflow:hidden auto}.admin-content-wrapper::-webkit-scrollbar{width:5px}.admin-content-wrapper::-webkit-scrollbar-track{background:0 0}.admin-content-wrapper::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.admin-content-wrapper::-webkit-scrollbar-thumb:hover{background:#00d4ff33}.admin-content-inner{max-width:1400px;animation:pageIn .4s var(--ease-smooth) both;margin:0 auto;padding:2.5rem}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.admin-page-header{margin-bottom:2.5rem}.admin-page-header h1{color:var(--text-primary);background:linear-gradient(90deg, var(--text-primary) 0%, var(--accent-cyan) 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .3rem;font-family:Space Grotesk,sans-serif;font-size:1.9rem;font-weight:700}.admin-page-header p{color:var(--text-muted);margin:0;font-size:.9rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--glass-card);border:1px solid var(--border-subtle);transition:all .35s var(--ease-smooth);cursor:default;border-radius:16px;padding:1.6rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat-card:after{content:"";opacity:.05;border-radius:50%;width:120px;height:120px;transition:all .4s;position:absolute;bottom:-40px;right:-20px}.stat-card:hover{border-color:var(--border-glass);transform:translateY(-4px);box-shadow:0 16px 40px #0006}.stat-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.2rem;display:flex}.stat-card-value{color:var(--text-primary);margin-bottom:.4rem;font-family:Space Grotesk,sans-serif;font-size:2.4rem;font-weight:800;line-height:1}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.82rem;font-weight:500}.stat-card-trend{border-radius:6px;padding:.25rem .6rem;font-size:.72rem;font-weight:600;position:absolute;top:1.4rem;right:1.4rem}.stat-card.cyan .stat-card-icon{color:var(--accent-cyan);background:#00d4ff1a}.stat-card.cyan:after{background:var(--accent-cyan)}.stat-card.cyan:hover{box-shadow:0 16px 40px #0006,0 0 0 1px #00d4ff33}.stat-card.purple .stat-card-icon{color:var(--accent-violet);background:#a855f71a}.stat-card.purple:after{background:var(--accent-violet)}.stat-card.purple:hover{box-shadow:0 16px 40px #0006,0 0 0 1px #a855f733}.stat-card.emerald .stat-card-icon{color:var(--accent-emerald);background:#10b9811a}.stat-card.emerald:after{background:var(--accent-emerald)}.stat-card.emerald:hover{box-shadow:0 16px 40px #0006,0 0 0 1px #10b98133}.stat-card.amber .stat-card-icon{color:var(--accent-amber);background:#f59e0b1a}.stat-card.amber:after{background:var(--accent-amber)}.stat-card.amber:hover{box-shadow:0 16px 40px #0006,0 0 0 1px #f59e0b33}.admin-card{background:var(--glass-card);border:1px solid var(--border-subtle);transition:all .3s var(--ease-smooth);border-radius:16px;padding:1.8rem;position:relative;overflow:hidden}.admin-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.admin-header-with-action{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-section-title{color:var(--text-primary);margin:0;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.admin-section-subtitle{color:var(--text-muted);margin:.3rem 0 0;font-size:.85rem}.admin-table-container{border:1px solid var(--border-subtle);background:#050d1a99;border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table thead tr{background:#00d4ff08}.admin-table th{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:1.5px;padding:1rem 1.4rem;font-size:.72rem;font-weight:600}.admin-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;padding:1rem 1.4rem;font-size:.9rem;transition:background .2s}.admin-table tbody tr{transition:background .2s}.admin-table tbody tr:hover td{color:var(--text-primary);background:#00d4ff08}.admin-table tr:last-child td{border-bottom:none}.admin-btn{background:linear-gradient(135deg, var(--accent-cyan), #00b4dccc);color:#000;cursor:pointer;transition:all .25s var(--ease-smooth);border:none;border-radius:9px;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00d4ff40,0 0 0 1px #00d4ff1a}.admin-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .2s;position:absolute;inset:0}.admin-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff59,0 0 0 1px #00d4ff33}.admin-btn:hover:before{opacity:1}.admin-btn:active{transform:translateY(0)}.admin-btn-danger{color:var(--accent-rose);box-shadow:none;background:#f43f5e14;border:1px solid #f43f5e26}.admin-btn-danger:hover{color:#fff;background:#f43f5e26;border-color:#f43f5e4d;box-shadow:0 6px 20px #f43f5e33}.admin-btn-outline{color:var(--text-secondary);border:1px solid var(--border-glass);box-shadow:none;background:0 0}.admin-btn-outline:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:#fff3;transform:translateY(-1px)}.admin-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:100;background:#020408e0;justify-content:center;align-items:center;animation:.25s both overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.admin-modal{width:100%;max-width:560px;animation:modalIn .4s var(--ease-spring) forwards;background:linear-gradient(145deg,#0d1f3c,#091526);border:1px solid #ffffff24;border-radius:20px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 40px 100px #000000b3,0 0 0 1px #ffffff0f,inset 0 1px #ffffff12}.admin-modal:before{content:"";background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple), var(--accent-violet));border-radius:20px 20px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.admin-modal:after{content:"";pointer-events:none;background:radial-gradient(circle,#00d4ff0a,#0000 70%);width:300px;height:300px;position:absolute;top:-100px;left:-100px}@keyframes modalIn{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-form-group{margin-bottom:1.4rem}.admin-form-group label{color:#c8d6f0;text-transform:uppercase;letter-spacing:.9px;margin-bottom:.55rem;font-size:.82rem;font-weight:600;display:block}.admin-input{color:#f0f6ff;width:100%;transition:all .25s var(--ease-smooth);box-sizing:border-box;background:#020612e6;border:1px solid #ffffff2e;border-radius:10px;padding:.85rem 1rem;font-family:inherit;font-size:.92rem;line-height:1.5}.admin-input::placeholder{color:#ffffff40}.admin-input:focus{background:#000a1ef2;border-color:#00d4ff99;outline:none;box-shadow:0 0 0 3px #00d4ff1f,0 4px 16px #0006}select.admin-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238b9cc8' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.admin-textarea{resize:vertical;min-height:120px;line-height:1.7}.admin-modal-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:.8rem;margin-top:2rem;padding-top:1.5rem;display:flex}.message-card{background:var(--glass-card);border:1px solid var(--border-subtle);transition:all .3s var(--ease-smooth);border-radius:14px;padding:1.5rem;position:relative;overflow:hidden}.message-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.message-card:hover{border-color:var(--border-glass);transform:translateY(-2px);box-shadow:0 12px 30px #0000004d}.message-body{border:1px solid #00d4ff14;border-left:3px solid var(--accent-cyan);background:#00d4ff0a;border-radius:10px;padding:1.1rem 1.2rem}.avatar-initial{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#000;width:36px;height:36px;box-shadow:0 0 12px var(--glow-cyan);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex}.star-rating{color:var(--accent-amber);letter-spacing:2px;font-size:.9rem}.admin-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem;display:flex}.admin-loading-spinner{border:2px solid var(--border-subtle);border-top-color:var(--accent-cyan);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.admin-empty-state svg{opacity:.3;margin-bottom:.5rem}.admin-empty-state p{color:var(--text-secondary);margin:0;font-size:1rem}.image-thumb-list{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.image-thumb{border:1px solid var(--border-subtle);border-radius:8px;width:76px;height:58px;position:relative;overflow:hidden}.image-thumb img{object-fit:cover;width:100%;height:100%}.image-thumb-remove{background:var(--accent-rose);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #0006}.tech-tag{color:var(--accent-cyan);background:#00d4ff14;border:1px solid #00d4ff26;border-radius:6px;margin:.1rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.dashboard-widgets{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.widget-card{background:var(--glass-card);border:1px solid var(--border-subtle);border-radius:16px;padding:1.8rem;position:relative;overflow:hidden}.widget-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.widget-title{color:var(--text-primary);align-items:center;gap:.6rem;margin:0 0 1.5rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;display:flex}.widget-dot{background:var(--accent-emerald);width:8px;height:8px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.status-item{border-bottom:1px solid var(--border-subtle);align-items:center;gap:1rem;padding:.8rem 0;display:flex}.status-item:last-child{border-bottom:none}.status-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-indicator.online{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.status-indicator.warning{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}.status-indicator.offline{background:var(--accent-rose);box-shadow:0 0 8px var(--accent-rose)}.status-label{color:var(--text-secondary);flex:1;font-size:.88rem}.status-value{color:var(--text-muted);font-size:.82rem}@media (width<=768px){.admin-sidebar.open{width:260px}.admin-content-inner{padding:1.5rem}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-widgets{grid-template-columns:1fr}.search-bar{width:200px}.search-bar:focus-within{width:240px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.admin-topbar{padding:0 1rem}.admin-content-inner{padding:1rem}}.pd-root{color:#8b9cc8;background:#020408;min-height:100vh;font-family:Inter,system-ui,sans-serif;position:relative;overflow-x:hidden}.pd-bg-glow{pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 10% 20%,#00d4ff0d 0%,#0000 60%),radial-gradient(50% 60% at 90% 80%,#7c3aed0f 0%,#0000 60%);position:fixed;inset:0}.pd-root>:not(.pd-bg-glow){z-index:1;position:relative}.pd-loading-screen{color:#8b9cc8;background:#020408;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;min-height:100vh;font-family:Inter,sans-serif;display:flex}.pd-spinner{border:2px solid #ffffff0f;border-top-color:#00d4ff;border-radius:50%;width:48px;height:48px;animation:.9s linear infinite spin}.pd-topbar{-webkit-backdrop-filter:blur(20px);z-index:50;background:#020408d9;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.4rem 2.5rem;display:flex;position:sticky;top:0}.pd-back-btn{color:#f0f6ff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.pd-back-btn:hover{background:#ffffff17;border-color:#fff3;transform:translate(-2px)}.pd-live-btn{color:#000;background:linear-gradient(135deg,#00d4ff,#00b4dccc);border-radius:9px;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-family:inherit;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #00d4ff4d}.pd-live-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff66}.pd-container{grid-template-columns:1fr 420px;gap:3rem;max-width:1320px;margin:0 auto;padding:3rem 2.5rem;display:grid}.pd-gallery{flex-direction:column;gap:1rem;display:flex}.pd-main-img-wrap{aspect-ratio:16/10;cursor:pointer;background:#0a1628cc;border:1px solid #ffffff12;border-radius:18px;position:relative;overflow:hidden}.pd-main-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.pd-main-img:hover{transform:scale(1.02)}.pd-no-img{cursor:default;flex-direction:column;justify-content:center;align-items:center;display:flex}.pd-zoom-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;cursor:pointer;background:#0009;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;transition:opacity .2s;display:flex;position:absolute;bottom:1rem;right:1rem}.pd-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pd-arrow:hover{background:#00d4ff33;border-color:#00d4ff66}.pd-arrow-left{left:1rem}.pd-arrow-right{right:1rem}.pd-img-counter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffc;background:#0009;border:1px solid #ffffff1a;border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.pd-thumbs{flex-wrap:wrap;gap:.7rem;display:flex}.pd-thumb{cursor:pointer;background:#0a1628cc;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:76px;height:54px;padding:0;transition:all .2s;overflow:hidden}.pd-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pd-thumb.active{border-color:#00d4ff;box-shadow:0 0 12px #00d4ff66}.pd-thumb:hover:not(.active){border-color:#fff3}.pd-info{flex-direction:column;gap:0;padding-top:.5rem;display:flex}.pd-category-badge{color:#00d4ff;text-transform:uppercase;letter-spacing:1px;background:#00d4ff14;border:1px solid #00d4ff33;border-radius:6px;align-items:center;gap:.4rem;width:fit-content;margin-bottom:1.2rem;padding:.3rem .8rem;font-size:.72rem;font-weight:700;display:inline-flex}.pd-title{color:#f0f6ff;background:linear-gradient(135deg,#f0f6ff 40%,#00d4ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1.2rem;font-family:Space Grotesk,sans-serif;font-size:2.2rem;font-weight:800;line-height:1.2}.pd-meta-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.pd-meta-chip{color:#8b9cc8;background:#ffffff0d;border:1px solid #ffffff17;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.8rem;text-decoration:none;transition:all .2s;display:inline-flex}a.pd-meta-chip:hover{color:#00d4ff;background:#00d4ff14;border-color:#00d4ff33}.pd-divider{background:linear-gradient(90deg,#00d4ff33,#7c3aed33,#0000);height:1px;margin:.5rem 0 1.8rem}.pd-section{margin-bottom:2rem}.pd-section-title{text-transform:uppercase;letter-spacing:1.5px;color:#4a5880;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.78rem;font-weight:700;display:flex}.pd-description{color:#8b9cc8;margin:0;font-size:.97rem;line-height:1.8}.pd-tech-list{flex-wrap:wrap;gap:.5rem;display:flex}.pd-tech-tag{color:#a855f7;background:#7c3aed14;border:1px solid #7c3aed33;border-radius:8px;padding:.35rem .8rem;font-size:.78rem;font-weight:600;transition:all .2s}.pd-tech-tag:hover{background:#7c3aed26;border-color:#7c3aed66}.pd-cta{color:#000;background:linear-gradient(135deg,#00d4ff,#00b4dccc);border-radius:12px;justify-content:center;align-items:center;gap:.6rem;margin-top:1rem;padding:1rem 2rem;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 20px #00d4ff4d}.pd-cta:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff66}.pd-related{background:#050d1a99;border-top:1px solid #ffffff0f;padding:4rem 2.5rem}.pd-related-inner{max-width:1320px;margin:0 auto}.pd-related-title{color:#f0f6ff;margin:0 0 2rem;font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700}.pd-related-grid{flex-wrap:wrap;justify-content:flex-start;gap:1.5rem;display:flex}.pd-related-card{background:#0a1628b3;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;width:calc(33.333% - 1rem);min-width:280px;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}@media (width<=768px){.pd-related-card{width:100%}}.pd-related-card:hover{border-color:#00d4ff33;transform:translateY(-4px);box-shadow:0 12px 30px #0006}.pd-related-img{background-color:#ffffff08;background-position:50%;background-size:cover;border-bottom:1px solid #ffffff0d;border-right:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:220px;display:flex}.pd-related-info{flex-direction:column;flex:1;justify-content:center;padding:1.5rem;display:flex}.pd-related-cat{text-transform:uppercase;letter-spacing:1px;color:#00d4ff;margin-bottom:.4rem;font-size:.7rem;font-weight:700;display:block}.pd-related-info h4{color:#f0f6ff;margin:0;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;line-height:1.4}.pd-lightbox{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background:#000000f2;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pd-lightbox-img{object-fit:contain;border-radius:12px;max-width:90vw;max-height:88vh;box-shadow:0 30px 80px #000c}.pd-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.pd-lightbox-close:hover{background:#fff3}.pd-lb-arrow{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pd-lb-arrow:hover{background:#00d4ff33;border-color:#00d4ff66}.pd-lb-left{left:2rem}.pd-lb-right{right:2rem}.pd-lb-counter{color:#fffc;background:#0009;border:1px solid #ffffff1f;border-radius:20px;padding:.4rem 1rem;font-size:.82rem;font-weight:600;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}@media (width<=1024px){.pd-container{grid-template-columns:1fr;gap:2rem}}@media (width<=640px){.pd-topbar{padding:1rem 1.2rem}.pd-container{padding:1.5rem 1.2rem}.pd-title{font-size:1.6rem}.pd-related{padding:2.5rem 1.2rem}.pd-lb-left{left:.5rem}.pd-lb-right{right:.5rem}}*{box-sizing:border-box}.ap-root{color:#8b9cc8;background:#020408;min-height:100vh;font-family:Inter,system-ui,sans-serif;position:relative;overflow-x:hidden}.ap-bg{pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 5% 10%,#00d4ff0d 0%,#0000 60%),radial-gradient(60% 70% at 95% 90%,#7c3aed12 0%,#0000 60%);position:fixed;inset:0}.ap-root>:not(.ap-bg){z-index:1;position:relative}.ap-nav{-webkit-backdrop-filter:blur(20px);z-index:50;background:#020408d9;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.2rem 2.5rem;display:flex;position:sticky;top:0}.ap-back{color:#f0f6ff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .25s;display:inline-flex}.ap-back:hover{background:#ffffff17;transform:translate(-2px)}.ap-nav-title{color:#f0f6ff;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}.ap-home-link{color:#00d4ffcc;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.ap-home-link:hover{color:#00d4ff}.ap-hero{text-align:center;padding:4rem 2rem 3rem}.ap-hero-label{text-transform:uppercase;letter-spacing:3px;color:#00d4ffb3;margin:0 0 1rem;font-size:.78rem;font-weight:700}.ap-hero-title{color:#f0f6ff;margin:0 0 .8rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.ap-gradient{background:linear-gradient(90deg,#00d4ff,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ap-hero-sub{color:#4a5880;margin:0 0 2.5rem;font-size:.95rem}.ap-search-wrap{background:#0a1628cc;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.7rem;max-width:520px;margin:0 auto;padding:.75rem 1.2rem;transition:all .3s;display:flex}.ap-search-wrap:focus-within{border-color:#00d4ff66;box-shadow:0 0 0 3px #00d4ff14}.ap-search-icon{color:#4a5880;flex-shrink:0}.ap-search-input{color:#f0f6ff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.ap-search-input::placeholder{color:#4a5880}.ap-search-clear{color:#8b9cc8;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .2s;display:flex}.ap-search-clear:hover{background:#ffffff26}.ap-container{grid-template-columns:240px 1fr;gap:2.5rem;max-width:1380px;margin:0 auto;padding:0 2.5rem 5rem;display:grid}.ap-sidebar-inner{background:#0a162899;border:1px solid #ffffff12;border-radius:14px;padding:1.5rem;position:sticky;top:90px}.ap-filter-head{text-transform:uppercase;letter-spacing:1.5px;color:#4a5880;align-items:center;gap:.6rem;margin-bottom:1.2rem;font-size:.72rem;font-weight:700;display:flex}.ap-filter-list{flex-direction:column;gap:.3rem;display:flex}.ap-filter-item{cursor:pointer;color:#8b9cc8;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:.65rem .9rem;font-family:inherit;font-size:.88rem;transition:all .2s;display:flex}.ap-filter-item:hover{color:#f0f6ff;background:#ffffff0a}.ap-filter-item.active{color:#00d4ff;background:#00d4ff14;border-color:#00d4ff33}.ap-filter-count{color:#4a5880;background:#ffffff12;border-radius:20px;padding:.1rem .5rem;font-size:.72rem;font-weight:600}.ap-filter-item.active .ap-filter-count{color:#00d4ff;background:#00d4ff1f}.ap-results-bar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.ap-results-count{color:#4a5880;font-size:.82rem;font-weight:500}.ap-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.ap-card{background:#0a1628b3;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;transition:all .35s cubic-bezier(.16,1,.3,1);animation:.5s backwards apCardIn;display:flex;overflow:hidden}@keyframes apCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ap-card:hover{border-color:#00d4ff33;transform:translateY(-5px);box-shadow:0 20px 50px #0006,0 0 0 1px #00d4ff14}.ap-card-img-wrap{background:#ffffff08;flex-shrink:0;height:200px;display:block;position:relative;overflow:hidden}.ap-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.ap-card:hover .ap-card-img{transform:scale(1.06)}.ap-card-no-img{background:linear-gradient(135deg,#00d4ff08,#7c3aed08);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ap-card-overlay{opacity:0;background:#0000008c;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.ap-card:hover .ap-card-overlay{opacity:1}.ap-card-view-btn{color:#000;background:#00d4ffe6;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.4rem;font-size:.82rem;font-weight:700;transition:transform .3s;display:inline-flex;transform:translateY(8px)}.ap-card:hover .ap-card-view-btn{transform:translateY(0)}.ap-card-cat-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffd9;text-transform:uppercase;letter-spacing:.8px;background:#000000b3;border:1px solid #ffffff1f;border-radius:20px;padding:.22rem .65rem;font-size:.65rem;font-weight:600;position:absolute;top:.8rem;left:.8rem}.ap-card-info{flex-direction:column;flex:1;gap:.8rem;padding:1.2rem 1.4rem;display:flex}.ap-card-title{color:#f0f6ff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .3rem;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;transition:color .2s;overflow:hidden}.ap-card:hover .ap-card-title{color:#00d4ff}.ap-card-desc{color:#4a5880;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.6;display:-webkit-box;overflow:hidden}.ap-card-tags{flex-wrap:wrap;gap:.35rem;display:flex}.ap-tag{color:#00d4ff;background:#00d4ff14;border:1px solid #00d4ff26;border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.ap-tag-more{color:#4a5880;background:#ffffff0d;border-color:#ffffff14}.ap-card-actions{border-top:1px solid #ffffff0d;gap:.6rem;margin-top:auto;padding-top:.5rem;display:flex}.ap-action-btn{border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.ap-action-details{color:#00d4ff;background:#00d4ff14;border:1px solid #00d4ff33;flex:1;justify-content:center}.ap-action-details:hover{background:#00d4ff26;border-color:#00d4ff66}.ap-action-live{color:#10b981;background:#10b98114;border:1px solid #10b98133}.ap-action-live:hover{background:#10b98126}.ap-loading{color:#4a5880;flex-direction:column;align-items:center;gap:1.2rem;padding:6rem;display:flex}.ap-spinner{border:2px solid #ffffff0f;border-top-color:#00d4ff;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}.ap-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:6rem 2rem;display:flex}.ap-empty h3{color:#f0f6ff;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.3rem}.ap-empty p{color:#4a5880;margin:0}.ap-clear-btn{color:#00d4ff;cursor:pointer;background:#00d4ff1a;border:1px solid #00d4ff40;border-radius:9px;margin-top:1rem;padding:.6rem 1.5rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s}.ap-clear-btn:hover{background:#00d4ff2e}@media (width<=1024px){.ap-container{grid-template-columns:200px 1fr;gap:1.5rem}}@media (width<=768px){.ap-container{grid-template-columns:1fr;padding:0 1.2rem 4rem}.ap-sidebar-inner{position:static}.ap-filter-list{flex-flow:wrap;gap:.5rem}.ap-filter-item{width:auto}.ap-nav{padding:1rem 1.2rem}.ap-hero{padding:2.5rem 1.2rem 2rem}.ap-grid{grid-template-columns:1fr}}.feedback-container{background-color:var(--bg-main);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:4rem 1rem;display:flex}.feedback-card{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;width:100%;max-width:600px;padding:2.5rem;box-shadow:0 10px 30px #0003}.feedback-header{text-align:center;margin-bottom:2rem}.feedback-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem}.feedback-header p{color:var(--text-secondary);font-size:1rem}.feedback-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.95rem;font-weight:500}.form-input{border:1px solid var(--border-subtle);color:var(--text-primary);background-color:#ffffff08;border-radius:8px;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-input:focus{border-color:var(--accent-cyan);background-color:#00d4ff0d;outline:none}.form-textarea{resize:vertical;min-height:120px}.rating-container{gap:.5rem;display:flex}.star-btn{cursor:pointer;color:var(--border-glass);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:2rem;transition:all .2s;display:flex}.star-btn:hover{transform:scale(1.1)}.star-btn.active{color:var(--accent-amber);filter:drop-shadow(0 0 8px #f59e0b66)}.submit-btn{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.submit-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 15px #00d4ff4d}.submit-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.success-message{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.success-icon{color:var(--accent-emerald);margin-bottom:1rem}.success-message h2{color:var(--text-primary);font-size:1.8rem}.success-message p{color:var(--text-secondary);margin-bottom:1.5rem}.back-btn{color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:6px;padding:.8rem 1.5rem;text-decoration:none;transition:all .2s}.back-btn:hover{background:#ffffff0d}[dir=rtl] .feedback-header h1,[dir=rtl] .feedback-header p,[dir=rtl] .form-group label,[dir=rtl] .form-input{font-family:Cairo,sans-serif}.floating-contact{z-index:1000;align-items:center;gap:15px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:25px;right:25px}.floating-contact-icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0acc;border:1px solid #00d4ff4d;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;padding:8px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 8px 32px #00d4ff33}.floating-contact-logo{object-fit:contain;filter:drop-shadow(0 0 5px #00d4ff80);width:100%;height:100%;transition:transform .3s}.floating-contact-tooltip{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));color:#fff;opacity:0;pointer-events:none;white-space:nowrap;border-radius:20px;padding:10px 20px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform:translate(20px);box-shadow:0 4px 15px #0003}.floating-contact.hovered{transform:scale(1.05)}.floating-contact.hovered .floating-contact-icon-wrapper{border-color:#00d4ffcc;box-shadow:0 10px 40px #00d4ff80}.floating-contact.hovered .floating-contact-logo{transform:scale(1.1)}.floating-contact.hovered .floating-contact-tooltip{opacity:1;transform:translate(0)}[dir=rtl] .floating-contact{flex-direction:row-reverse;left:25px;right:auto}[dir=rtl] .floating-contact-tooltip{transform:translate(-20px)}[dir=rtl] .floating-contact.hovered .floating-contact-tooltip{transform:translate(0)}.login-root{background:#020408;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg-glow{pointer-events:none;z-index:1;background:radial-gradient(60% 60% at 20% 20%,#00d4ff14 0%,#0000 60%),radial-gradient(50% 50% at 80% 80%,#7c3aed14 0%,#0000 60%);position:absolute;inset:0}.login-container{z-index:10;width:100%;max-width:440px;padding:2rem;position:relative}.login-card{-webkit-backdrop-filter:blur(20px);background:#0a1628b3;border:1px solid #ffffff14;border-radius:24px;padding:3rem 2.5rem;animation:.5s cubic-bezier(.16,1,.3,1) modalIn;box-shadow:0 40px 100px #00000080,0 0 0 1px #00d4ff0d,inset 0 1px #ffffff0d}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo-wrap{color:#00d4ff;background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);border:1px solid #00d4ff33;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex;box-shadow:0 10px 30px #00d4ff26}.login-header h2{color:#f0f6ff;margin:0 0 .5rem;font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:700}.login-header p{color:#8b9cc8;margin:0;font-size:.95rem}.login-form-group{margin-bottom:2rem}.login-form-group label{color:#c8d6f0;text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem;font-size:.85rem;font-weight:600;display:block}.login-input-wrapper{position:relative}.login-input-icon{color:#4a5880;transition:color .3s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.login-input{color:#f0f6ff;background:#020612cc;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:1rem 1rem 1rem 3rem;font-family:inherit;font-size:1rem;transition:all .3s}.login-input::placeholder{color:#fff3}.login-input:focus{background:#020612f2;border-color:#00d4ff80;outline:none;box-shadow:0 0 0 3px #00d4ff1a}.login-input:focus+.login-input-icon,.login-input-wrapper:focus-within .login-input-icon{color:#00d4ff}.login-help-text{color:#8b9cc8;margin:-.4rem 0 1rem;font-size:.8rem}.login-otp-wrapper{justify-content:center;gap:.8rem;display:flex}.login-otp-input{color:#f0f6ff;text-align:center;background:#020612cc;border:1px solid #ffffff1f;border-radius:12px;width:46px;height:56px;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;transition:all .2s}.login-otp-input:focus{background:#00d4ff0d;border-color:#00d4ff;outline:none;transform:translateY(-2px);box-shadow:0 0 15px #00d4ff26}.login-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#00b4dccc);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.8rem;width:100%;padding:1.1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 25px #00d4ff40}.login-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #00d4ff66}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-back-btn{color:#8b9cc8;cursor:pointer;background:0 0;border:none;width:100%;margin-top:1.5rem;font-size:.85rem;transition:color .2s}.login-back-btn:hover{color:#f0f6ff;text-decoration:underline}.login-alert{border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.85rem;font-weight:500;display:flex}.login-alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.login-alert-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d}.spin{animation:1s linear infinite spin}