@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap";.gradient-text-animated{background:linear-gradient(135deg,#ffffff 0%,#e0f7ff 15%,#00d4ff 35%,#0099ff 55%,#0066ff 75%,#003d99 90%,#000000 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease-in-out infinite;font-weight:800;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.02em;text-shadow:0 0 50px rgba(0,212,255,.3)}@keyframes gradientShift{0%,to{background-position:0% 50%;transform:scale(1)}25%{background-position:25% 25%;transform:scale(1.02)}50%{background-position:100% 50%;transform:scale(1.05)}75%{background-position:75% 75%;transform:scale(1.02)}}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:80px;max-width:800px;margin-left:auto;margin-right:auto;padding:0 20px;position:relative}.section-header:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);border-radius:2px}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text-primary);margin-bottom:24px;line-height:1.2}.section-header p{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.features{position:relative;background:linear-gradient(135deg,#000000 0%,#0a0a0f 25%,#000014 50%,#0f0f1a 75%,#000000 100%);padding:120px 0}.features .section-header{text-align:center;margin-bottom:100px;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 20px;position:relative}.features .section-header:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:120px;height:6px;background:linear-gradient(90deg,transparent 0%,#00d4ff 25%,#0099ff 50%,#0066ff 75%,transparent 100%);border-radius:3px;animation:featureHeaderGlow 4s ease-in-out infinite;box-shadow:0 0 20px #00d4ff80}@keyframes featureHeaderGlow{0%,to{opacity:.7;transform:translate(-50%) scaleX(1);box-shadow:0 0 20px #00d4ff80}50%{opacity:1;transform:translate(-50%) scaleX(1.3);box-shadow:0 0 40px #00d4ffcc}}.features .section-header h2{text-align:center;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#ffffff 0%,#e0f7ff 15%,#00d4ff 35%,#0099ff 55%,#0066ff 75%,#ffffff 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;font-size:clamp(2rem,4vw,3.5rem);margin-bottom:32px;display:block;width:100%;font-family:Poppins,Orbitron,"Exo 2",sans-serif;font-weight:800;letter-spacing:-.02em;animation:headerTextShift 6s ease-in-out infinite;text-shadow:0 0 30px rgba(0,212,255,.3)}@keyframes headerTextShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.features .section-header p{text-align:center;margin:0 auto;color:#c0d0e0;max-width:700px;font-size:1.15rem;line-height:1.6;display:block;width:100%;font-family:Poppins,"Exo 2",Orbitron,sans-serif;font-weight:400;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.3)}.btn-primary{display:inline-flex;align-items:center;gap:16px;background:linear-gradient(135deg,rgba(0,212,255,.9) 0%,rgba(0,153,255,1) 25%,rgba(0,102,255,1) 50%,rgba(0,77,204,1) 75%,rgba(0,51,153,.9) 100%);color:#fff;border:2px solid transparent;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 8px 32px #00d4ff66,0 0 0 1px #ffffff1a inset,0 1px #fff3 inset;font-family:Poppins,"Exo 2",Orbitron,sans-serif;letter-spacing:.5px;text-transform:uppercase;background-size:200% 200%;animation:buttonGradientShift 4s ease-in-out infinite}@keyframes buttonGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-primary:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#00d4ff,#0099ff,#0066ff,#004dcc,#003399,#00d4ff);background-size:300% 300%;border-radius:15px;z-index:-1;opacity:0;transition:opacity .4s ease;animation:borderFlow 6s linear infinite}@keyframes borderFlow{0%{background-position:0% 50%}to{background-position:300% 50%}}.btn-primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 45px #00d4ff99,0 0 40px #00d4ff66,0 0 0 1px #fff3 inset,0 1px #ffffff4d inset;background:linear-gradient(135deg,rgba(0,212,255,1) 0%,rgba(0,153,255,1) 25%,rgba(0,102,255,1) 50%,rgba(0,77,204,1) 75%,rgba(0,51,153,1) 100%)}.btn-primary:hover:before{opacity:1}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),rgba(255,255,255,.2),transparent);transition:left .8s ease;transform:skew(-20deg)}.btn-primary:hover .btn-shine{left:100%}.btn-primary i{transition:transform .3s ease}.btn-primary:hover i{transform:translate(2px)}@keyframes pulseGlow{0%,to{opacity:.7}50%{opacity:1}}.homepage-logo-img{width:45px;height:45px;object-fit:contain;border-radius:8px;transition:all .3s ease}.logo-text{font-size:24px;font-weight:700;color:#fff;font-family:Poppins,Orbitron,"Exo 2",sans-serif;letter-spacing:.5px}.homepage-auth-buttons{display:flex;gap:9px;align-items:center}.homepage .btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;border:2px solid #0b2783;padding:9px 20px;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;min-width:60px;justify-content:center}.homepage .btn-outline:hover{background:#09054f;border-color:#09054f;color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px #00d4ff4d}.btn-primary-nav{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00d4ff 0%,#09054f 100%);color:#fff;border:2px solid transparent;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d;text-transform:uppercase;letter-spacing:.5px;min-width:100px;justify-content:center}.btn-primary-nav:hover{background:linear-gradient(135deg,#0099ff 0%,#0066ff 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}@keyframes logoGlow{0%,to{opacity:.6}50%{opacity:.9}}.nav-menu{display:flex;list-style:none;gap:40px;margin:0;padding:0}.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:radial-gradient(ellipse at 20% 0%,rgba(0,212,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(0,102,255,.1) 0%,transparent 50%),linear-gradient(135deg,#000000 0%,#0a0a0f 25%,#000014 50%,#0f0f1a 75%,#000000 100%);overflow:hidden;padding-top:80px}.hero-container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px;position:relative;z-index:2}@keyframes badgeFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes borderGlow{0%,to{background-position:0% 50%;opacity:.7}50%{background-position:100% 50%;opacity:1}}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-title{font-size:clamp(2.2rem,6.5vw,4.8rem);font-weight:800;line-height:1.1;margin-bottom:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.02em;perspective:1000px}.title-line{color:#fff;display:block;margin-bottom:0;text-align:center;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-optical-sizing:auto;font-weight:800;text-shadow:0 0 20px rgba(255,255,255,.1),0 0 40px rgba(0,212,255,.2),0 8px 16px rgba(0,0,0,.3);animation:titleReveal 1.5s ease-out;transform-style:preserve-3d}.hero-title .gradient-text-animated{font-size:clamp(2.5rem,7vw,5.5rem);display:block;margin-bottom:0;line-height:1.1;text-align:center;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;animation:titleReveal 1.5s ease-out .3s both;transform-style:preserve-3d}.meets-code-tight{margin-left:10px;margin-top:0;vertical-align:baseline}@keyframes titleReveal{0%{opacity:0;transform:translateY(50px) rotateX(30deg);filter:blur(10px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0px)}}.hero-description{font-size:1.1rem;color:#b8c5d1;line-height:1.7;margin-bottom:56px;max-width:800px;text-align:center;width:100%;margin-left:auto;margin-right:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;letter-spacing:.01em;text-shadow:0 2px 8px rgba(0,0,0,.3);animation:descriptionReveal 1.5s ease-out .6s both}@keyframes descriptionReveal{0%{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}.highlight-text{color:#00d4ff;font-weight:700;background:linear-gradient(135deg,#00d4ff,#0099ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(0,212,255,.3)}.hero-actions{display:flex;gap:32px;margin-bottom:80px;flex-wrap:wrap;justify-content:center;align-items:center;animation:actionsReveal 1.5s ease-out .9s both}@keyframes actionsReveal{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-features{display:flex;gap:40px;flex-wrap:wrap;justify-content:flex-start}.tab{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);padding:8px 16px;border-radius:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.tab:hover,.tab.active{background:var(--bg-primary);color:var(--text-primary)}.tab i{font-size:14px}.code-line{display:flex;align-items:center;gap:16px;padding:4px 0;border-radius:4px;transition:background .2s ease}.code-line:hover{background:rgba(255,255,255,.02)}.line-number{color:var(--text-tertiary);font-size:12px;min-width:20px;text-align:right;-webkit-user-select:none;user-select:none}.code-text{color:var(--text-secondary)}.keyword{color:#ff7ac6;font-weight:600}.function-name{color:#ffd93d;font-weight:600}.variable{color:#6bcf7f}.string{color:#ff8a65}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(10px) rotate(-5deg)}}.hero-bg-effects{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1;opacity:.8}.grid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.08) 1px,transparent 1px),linear-gradient(rgba(0,153,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,153,255,.04) 1px,transparent 1px);background-size:60px 60px,60px 60px,12px 12px,12px 12px;animation:gridMove 30s linear infinite,gridPulse 8s ease-in-out infinite;opacity:.6}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(100px,100px)}}@keyframes gridPulse{0%,to{opacity:.6}50%{opacity:.9}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);animation:orbFloat 12s ease-in-out infinite;opacity:.7}.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,rgba(0,212,255,.1) 40%,transparent 70%);top:10%;left:10%;animation-delay:0s}.orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(0,102,255,.25) 0%,rgba(0,102,255,.08) 40%,transparent 70%);top:50%;right:10%;animation-delay:4s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(0,153,255,.2) 0%,rgba(0,153,255,.06) 40%,transparent 70%);bottom:10%;left:50%;animation-delay:8s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1) rotate(0);opacity:.7}25%{transform:translate(50px,-30px) scale(1.1) rotate(90deg);opacity:.9}50%{transform:translate(-20px,40px) scale(.9) rotate(180deg);opacity:.5}75%{transform:translate(-40px,-20px) scale(1.05) rotate(270deg);opacity:.8}}.particle-system{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#00d4ff,#0099ff);border-radius:50%;animation:particleFloat 20s linear infinite;box-shadow:0 0 10px #00d4ff80}.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:18s}.particle:nth-child(2){left:30%;animation-delay:4s;animation-duration:22s}.particle:nth-child(3){left:50%;animation-delay:8s;animation-duration:20s}.particle:nth-child(4){left:70%;animation-delay:12s;animation-duration:24s}.particle:nth-child(5){left:90%;animation-delay:16s;animation-duration:19s}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(90vh) translate(20px) scale(1)}90%{opacity:1;transform:translateY(10vh) translate(-30px) scale(1)}to{transform:translateY(-10vh) translate(50px) scale(0);opacity:0}}.homepage .vscode-demo{background:rgba(30,30,30,.95)!important;border:.8px solid rgba(141,136,136,.1)!important;border-radius:12px!important;overflow:hidden!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;transition:all .3s ease!important;position:relative!important}.homepage .vscode-demo:hover{transform:translateY(-2px)!important;border-color:#00d4ff4d!important}.homepage .vscode-header{background:rgba(23,22,32,.9)!important;padding:16px!important;border-bottom:1px solid rgba(0,212,255,.2)!important;position:relative!important}.homepage .vscode-tabs{display:flex!important;gap:8px!important;margin-top:12px!important}.homepage .vscode-tabs .tab{background:rgba(13,13,13,.8)!important;color:#ffffffb3!important;padding:12px 20px!important;border-radius:8px 8px 0 0!important;font-size:.9rem!important;font-family:JetBrains Mono,monospace!important;transition:all .3s ease!important;border:1px solid rgba(0,212,255,.1)!important;position:relative!important;overflow:hidden!important}.homepage .vscode-tabs .tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.2),transparent);transition:left .6s ease}.homepage .vscode-tabs .tab:hover:before{left:100%}.homepage .vscode-tabs .tab.active{background:rgba(26,26,46,.9)!important;color:#fff!important;border-color:#00d4ff66!important;box-shadow:0 4px 12px #00d4ff33!important}.homepage .vscode-tabs .tab:hover{background:rgba(80,80,80,.9)!important;color:#fff!important;transform:translateY(-2px)!important}.homepage .vscode-content{background:rgba(7,7,7,.9)!important;padding:24px!important;font-family:JetBrains Mono,monospace!important;font-size:.95rem!important;min-height:180px!important;position:relative!important}.homepage .vscode-content .code-line{display:flex!important;align-items:center!important;gap:20px!important;margin-bottom:12px!important;padding:4px 0!important;border-radius:4px!important;transition:all .2s ease!important;background:transparent!important}.homepage .vscode-content .code-line:hover{background:transparent!important;transform:none!important}.homepage .vscode-content .line-number{color:#13131366!important;font-size:.85rem!important;min-width:24px!important;text-align:right!important;-webkit-user-select:none!important;user-select:none!important}.homepage .vscode-content .code{color:#ffffffe6!important;font-size:.9rem!important}.homepage .cloud-demo{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:40px!important;min-height:200px!important;background:rgba(0,0,0,.2)!important;border-radius:16px!important;overflow:hidden!important}.homepage .cloud-demo .cloud-icon{margin-bottom:32px!important;position:relative!important;animation:cloudFloat 4s ease-in-out infinite!important}.homepage .cloud-demo .cloud-icon i{font-size:3rem!important;color:#00d4ff!important;filter:drop-shadow(0 0 20px rgba(0,212,255,.6))!important;transition:all .3s ease!important}.homepage .cloud-demo:hover .cloud-icon i{color:#fff!important;filter:drop-shadow(0 0 30px rgba(0,212,255,.8))!important;transform:scale(1.1)!important}@keyframes cloudFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.homepage .cloud-demo .devices{display:flex!important;gap:32px!important;margin-bottom:24px!important;position:relative!important}.homepage .cloud-demo .device{width:60px!important;height:60px!important;background:rgba(0,212,255,.1)!important;border:2px solid rgba(0,212,255,.3)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .4s ease!important;position:relative!important;overflow:hidden!important}.homepage .cloud-demo .device:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent);transition:left .6s ease}.homepage .cloud-demo .device:hover:before{left:100%}.homepage .cloud-demo .device:hover{transform:translateY(-8px) scale(1.1)!important;background:rgba(0,212,255,.2)!important;border-color:#00d4ff99!important;box-shadow:0 15px 30px #00d4ff4d,0 0 30px #00d4ff33!important}.homepage .cloud-demo .device.laptop{animation:devicePulse 3s ease-in-out infinite!important}.homepage .cloud-demo .device.tablet{animation:devicePulse 3s ease-in-out infinite 1s!important}.homepage .cloud-demo .device.mobile{animation:devicePulse 3s ease-in-out infinite 2s!important}@keyframes devicePulse{0%,to{box-shadow:0 0 10px #00d4ff4d}50%{box-shadow:0 0 25px #00d4ff99}}.homepage .cloud-demo .device i{font-size:1.5rem!important;color:#00d4ff!important;transition:all .3s ease!important}.homepage .cloud-demo .device:hover i{color:#fff!important;text-shadow:0 0 15px rgba(0,212,255,.8)!important}.homepage .cloud-demo .sync-lines{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;pointer-events:none!important}.homepage .cloud-demo .sync-line{position:absolute!important;width:2px!important;background:linear-gradient(180deg,transparent 0%,rgba(0,212,255,.6) 50%,transparent 100%)!important;animation:syncPulse 2s ease-in-out infinite!important}.homepage .cloud-demo .sync-line.line-1{height:80px!important;top:40px!important;left:30%!important;animation-delay:0s!important}.homepage .cloud-demo .sync-line.line-2{height:60px!important;top:50px!important;left:50%!important;animation-delay:.7s!important}.homepage .cloud-demo .sync-line.line-3{height:70px!important;top:45px!important;left:70%!important;animation-delay:1.4s!important}@keyframes syncPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.homepage *:focus{outline:2px solid #00d4ff!important;outline-offset:2px!important;border-radius:4px!important}.homepage .btn-primary:focus,.homepage .btn-outline:focus,.homepage .btn-primary-nav:focus{box-shadow:0 0 0 3px #00d4ff80,0 15px 35px #00d4ff66!important}@media (prefers-contrast: high){.homepage .hero-title,.homepage .gradient-text-animated{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important;color:#fff!important}.homepage .feature-content{border:2px solid #ffffff!important;background:rgba(26,26,46,.95)!important}.homepage .visual-card{border:2px solid #00d4ff!important}.homepage .btn-primary{border:2px solid #ffffff!important}}.homepage .gradient-orb,.homepage .particle,.homepage .hero-bg-effects{will-change:transform!important;transform:translateZ(0)!important}.homepage .feature-content,.homepage .visual-card,.homepage .btn-primary{will-change:transform,box-shadow!important}.homepage{font-feature-settings:"kern" 1,"liga" 1,"calt" 1!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important}.homepage .hero-title,.homepage .features .section-header h2{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"swsh" 1!important}.homepage.loading *{animation-play-state:paused!important}.homepage.loaded *{animation-play-state:running!important}@media print{.homepage .hero-bg-effects,.homepage .particle-system,.homepage .gradient-orb{display:none!important}.homepage .hero{background:#ffffff!important;color:#000!important}.homepage .feature-content{background:#f5f5f5!important;border:1px solid #cccccc!important}}@media (prefers-color-scheme: dark){.homepage .hero{background:radial-gradient(ellipse at 20% 0%,rgba(0,212,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(0,102,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,153,255,.06) 0%,transparent 40%),linear-gradient(135deg,#000000 0%,#0a0a0f 25%,#000014 50%,#0f0f1a 75%,#000000 100%)!important}.homepage .feature-content{background:rgba(26,26,46,.7)!important}.homepage .visual-card{background:rgba(26,26,46,.8)!important}}@media (prefers-reduced-motion: reduce){.homepage *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.homepage .gradient-text-animated{background:linear-gradient(135deg,#ffffff 0%,#00d4ff 50%,#0066ff 100%)!important;background-size:100% 100%!important}.homepage .particle,.homepage .gradient-orb{display:none!important}}.homepage .fade-element{opacity:0!important;transform:translateY(50px)!important;transition:all .8s cubic-bezier(.23,1,.32,1)!important}.homepage .fade-element.fade-in{opacity:1!important;transform:translateY(0)!important}.homepage .hero{transform-style:preserve-3d!important}.homepage .hero-bg-effects{transform:translateZ(-1px) scale(1.1)!important}.homepage .zigzag-feature{position:relative!important;margin-bottom:120px!important;padding:0 20px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:80px!important;align-items:center!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;transition:all .5s ease!important}.homepage .zigzag-feature:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:0;background:linear-gradient(180deg,transparent 0%,rgba(0,212,255,.6) 50%,transparent 100%);transition:height .8s ease;z-index:1}.homepage .zigzag-feature.fade-in:before{height:200px}.homepage .zigzag-feature.reverse{direction:rtl!important}.homepage .zigzag-feature.reverse>*{direction:ltr!important}.homepage .features{position:relative!important;overflow:hidden!important}.homepage .features:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 25% 25%,rgba(0,212,255,.05) 0%,transparent 30%),radial-gradient(circle at 75% 75%,rgba(0,102,255,.05) 0%,transparent 30%);animation:sectionRotate 40s linear infinite;pointer-events:none}@keyframes sectionRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.homepage .visual-card.loading{background:linear-gradient(90deg,rgba(0,0,0,.6) 25%,rgba(0,212,255,.1) 50%,rgba(0,0,0,.6) 75%);background-size:200% 100%;animation:loadingShimmer 2s ease-in-out infinite}@keyframes loadingShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.homepage .homepage-header{position:relative!important;z-index:1000!important}.homepage .homepage-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.1) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.homepage .homepage-header:hover:before{transform:translate(100%)}.homepage .section-header h2{position:relative!important;display:inline-block!important}.homepage .section-header h2:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(0,212,255,.3) 50%,transparent 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0;animation:textReveal 2s ease-in-out infinite}@keyframes textReveal{0%,to{opacity:0;transform:translateY(0)}50%{opacity:.3;transform:translateY(-2px)}}.homepage .vscode-content .code .keyword{color:#ff7ac6!important;font-weight:600!important;animation:keywordGlow 3s ease-in-out infinite!important}.homepage .vscode-content .code .function-name{color:#ffd93d!important;font-weight:600!important;animation:functionGlow 3s ease-in-out infinite .5s!important}.homepage .vscode-content .code .string{color:#ff8a65!important;animation:stringGlow 3s ease-in-out infinite 1s!important}@keyframes keywordGlow{0%,to{text-shadow:0 0 5px rgba(255,122,198,.5)}50%{text-shadow:0 0 15px rgba(255,122,198,.8)}}@keyframes functionGlow{0%,to{text-shadow:0 0 5px rgba(255,217,61,.5)}50%{text-shadow:0 0 15px rgba(255,217,61,.8)}}@keyframes stringGlow{0%,to{text-shadow:0 0 5px rgba(255,138,101,.5)}50%{text-shadow:0 0 15px rgba(255,138,101,.8)}}@media (max-width: 768px){.homepage .zigzag-feature{grid-template-columns:1fr!important;gap:40px!important;text-align:center!important;margin-bottom:80px!important}.homepage .zigzag-feature.reverse{direction:ltr!important}.homepage .zigzag-feature:before{display:none!important}.homepage .hero-features{flex-direction:column!important;align-items:center!important;gap:16px!important}.homepage .feature-highlight-item{width:100%!important;max-width:280px!important;justify-content:center!important}.homepage .cloud-demo .devices{gap:20px!important}.homepage .cloud-demo .device{width:50px!important;height:50px!important}.homepage .cloud-demo .device i{font-size:1.2rem!important}}.homepage .feature-content,.features .feature-content,.zigzag-feature .feature-content{background:rgba(26,26,46,.8)!important;color:#fff!important;padding:40px!important;border-radius:16px!important;border:1px solid rgba(0,212,255,.2)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;box-shadow:0 15px 35px #0000004d,0 0 20px #00d4ff1a!important;margin:0!important;position:relative!important;z-index:10!important;display:block!important;opacity:1!important;visibility:visible!important;min-height:200px!important}.homepage .feature-content h3,.features .feature-content h3,.zigzag-feature .feature-content h3{font-size:clamp(1.5rem,3vw,1.5rem)!important;color:#fff!important;margin-bottom:20px!important;font-weight:700!important;line-height:1.2!important;text-align:left!important;font-family:Orbitron,Space Grotesk,Inter,sans-serif!important}.homepage .feature-content p,.features .feature-content p,.zigzag-feature .feature-content p{font-size:clamp(.9rem,1.5vw,1.1rem)!important;color:#c0d0e0!important;line-height:1.6!important;margin-bottom:16px!important;text-align:left!important;font-family:Inter,sans-serif!important;opacity:1!important;visibility:visible!important}.homepage .zigzag-feature,.features .zigzag-feature{display:grid!important;grid-template-columns:1fr 1fr!important;gap:80px!important;align-items:center!important;margin-bottom:120px!important;padding:0 20px!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;position:relative!important}.homepage .hero-title,.hero .hero-title{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0 auto 48px!important}.homepage .hero-description,.hero .hero-description{text-align:center!important;margin:0 auto 64px!important;max-width:900px!important;width:100%!important;display:block!important}.homepage .hero-actions,.hero .hero-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:32px!important;width:100%!important;margin:0 auto 80px!important;flex-wrap:wrap!important}.homepage .section-header h2,.features .section-header h2{text-align:center!important;margin:0 auto 32px!important;display:block!important;width:100%!important;font-size:clamp(2rem,4vw,3.5rem)!important}.homepage .section-header p,.features .section-header p{text-align:center!important;margin:0 auto!important;max-width:700px!important;display:block!important;width:100%!important;font-size:clamp(1.1rem,3vw,1.3rem)!important}@media (max-width: 768px){.homepage .hero-title,.hero .hero-title{font-size:clamp(2.5rem,8vw,3.5rem)!important}.homepage .hero-description,.hero .hero-description{font-size:clamp(1rem,4vw,1.2rem)!important}.homepage .feature-content h3,.features .feature-content h3,.zigzag-feature .feature-content h3{font-size:clamp(1.5rem,6vw,2rem)!important}.homepage .feature-content p,.features .feature-content p,.zigzag-feature .feature-content p{font-size:clamp(1rem,4vw,1.1rem)!important}.homepage .zigzag-feature,.features .zigzag-feature{grid-template-columns:1fr!important;gap:40px!important;text-align:center!important}.homepage .hero-actions,.hero .hero-actions{flex-direction:column!important;gap:20px!important}}.homepage .btn-primary{font-size:clamp(16px,2.5vw,18px)!important;padding:clamp(16px,3vw,20px) clamp(32px,6vw,40px)!important}.homepage .btn-outline{font-size:clamp(14px,2vw,16px)!important;padding:clamp(12px,2.5vw,16px) clamp(24px,5vw,32px)!important}.homepage .features *,.homepage .hero *,.homepage .zigzag-feature *{opacity:1!important;visibility:visible!important}.homepage .feature-content *:not(.btn-primary):not(.btn-outline){background:transparent!important}.homepage .gradient-text-animated{background:linear-gradient(135deg,#ffffff 0%,#e0f7ff 15%,#00d4ff 35%,#0099ff 55%,#0066ff 75%,#ffffff 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-size:clamp(2.5rem,7vw,5.5rem)!important;line-height:.9!important;margin:0!important;padding:0!important;display:block!important;text-align:center!important;width:100%!important}.homepage{line-height:normal!important}.homepage *{box-sizing:border-box!important}.collaboration-demo{position:relative;display:flex;flex-direction:column;padding:12px;min-height:180px;background:linear-gradient(135deg,rgba(0,0,0,.4) 0%,rgba(10,10,15,.6) 50%,rgba(0,0,0,.4) 100%);border-radius:16px;border:1px solid rgba(0,212,255,.1);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.collaboration-demo:hover{border-color:#00d4ff4d;box-shadow:0 20px 40px #0000004d,0 0 40px #00d4ff1a;transform:translateY(-4px)}.collab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.collab-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff;font-weight:500}.status-dot{width:8px;height:8px;background:#00ff88;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}@keyframes cursorBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.homepage-getstarted-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#1a237e 0%,#1976d2 100%);color:#fff;font-family:Inter,Segoe UI,sans-serif;font-size:1rem;font-weight:700;padding:16px 40px;border-radius:8px;border:2px solid transparent;box-shadow:0 4px 20px #00d4ff40;cursor:pointer;transition:all .3s ease;margin:.5em auto 2em;position:relative;overflow:hidden;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;min-width:200px}.homepage-getstarted-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0099ff 0%,#0066ff 100%);opacity:0;transition:opacity .3s ease;border-radius:6px;z-index:-1}.homepage-getstarted-btn:hover:before{opacity:1}.homepage-getstarted-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66;border-color:#fff3}.homepage-getstarted-btn:hover:after{transform:scale(1.1) rotate(15deg)}.code-workspace{padding:12px;background:#1e1e1e;border-radius:6px;border:1px solid #333;margin:14px 0}.code-editor-collab{font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.4}.editor-line{display:flex;align-items:center;position:relative;padding:2px 0;min-height:18px}.line-num{color:#858585;width:30px;text-align:right;margin-right:16px;font-size:12px}.code-text{color:#d4d4d4;flex:1}.code-text .function{color:#dcdcaa}.cursor{position:absolute;right:10px;width:2px;height:16px;animation:cursorBlink 1s infinite}.cursor-blue{background:#007acc}.cursor-green{background:#00ff88}.cursor-purple{background:#c586c0}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor-legend{display:flex;gap:16px;padding:12px;background:rgba(255,255,255,.05);border-radius:6px;margin-top:12px}.cursor-info{display:flex;align-items:center;gap:6px;font-size:12px;color:#b8c5d1}.cursor-dot{width:8px;height:8px;border-radius:50%}.cursor-dot.blue{background:#007acc}.cursor-dot.green{background:#00ff88}.cursor-dot.purple{background:#c586c0}.feature-highlights{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.feature-highlights .highlight{display:inline-block;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(0,153,255,.1));color:#00d4ff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(0,212,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;letter-spacing:.5px;text-transform:uppercase}.feature-highlights .highlight:hover{background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,153,255,.2));border-color:#00d4ff80;transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff33}@keyframes panIcon{0%{transform:translate(-18px)}50%{transform:translate(18px)}to{transform:translate(-18px)}}@keyframes bounceText{0%{transform:translateY(0)}50%{transform:translateY(-10px) scale(1.04)}to{transform:translateY(0)}}@keyframes rocketFly{0%{transform:translateY(0) rotate(-10deg) scale(1)}50%{transform:translateY(-18px) rotate(8deg) scale(1.08)}to{transform:translateY(0) rotate(-10deg) scale(1)}}@keyframes rocketFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.03)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.minimal-btn{background:#fff;color:#00d4ffe6;border:1.5px solid rgba(0,212,255,.5);border-radius:6px;box-shadow:none;font-weight:600;font-size:.9rem;padding:.55rem 1rem;transition:border-color .18s,color .18s,background .18s}.minimal-btn:hover{background:rgba(0,212,255,.08);color:#00d4ff;border-color:#00d4ff}.minimal-btn-icon{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;margin-right:.4rem}.minimal-btn-text{font-size:.9rem;font-weight:600;letter-spacing:.01em}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);position:relative;overflow-x:hidden}.dashboard-hero-enhanced{position:relative;padding:5rem 2rem 4rem;margin-bottom:3rem;overflow:hidden}.hero-background-enhanced{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-gradient-orb{position:absolute;top:20%;left:60%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,rgba(0,102,255,.08) 50%,transparent 100%);border-radius:50%;animation:orbFloat 20s ease-in-out infinite alternate;filter:blur(1px)}.hero-floating-particles{position:absolute;top:0;left:0;right:0;bottom:0}.particle{position:absolute;width:4px;height:4px;background:rgba(0,212,255,.6);border-radius:50%;animation:particleFloat 15s linear infinite}.particle:nth-child(1){top:20%;left:10%;animation-delay:0s;animation-duration:20s}.particle:nth-child(2){top:60%;left:80%;animation-delay:-5s;animation-duration:25s}.particle:nth-child(3){top:80%;left:20%;animation-delay:-10s;animation-duration:18s}.particle:nth-child(4){top:30%;left:70%;animation-delay:-15s;animation-duration:22s}.particle:nth-child(5){top:50%;left:40%;animation-delay:-8s;animation-duration:16s}.hero-grid-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridShift 30s linear infinite}.hero-content-enhanced{position:relative;z-index:2;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:flex-start}.hero-text-section{display:flex;flex-direction:column;gap:2rem}.hero-greeting{display:flex;flex-direction:column;gap:1rem}.greeting-time{display:inline-flex;align-items:center;font-size:.875rem;color:#00d4ff;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:rgba(0,212,255,.1);padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(0,212,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-self:flex-start}.hero-main-title{font-size:2.4rem;font-weight:800;color:#fff;line-height:1.1;text-shadow:0 0 40px rgba(0,212,255,.3)}.hero-name-gradient{background:linear-gradient(135deg,#00d4ff 0%,#7c3aed 50%,#ff6b35 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;position:relative;display:inline-block}.hero-name-gradient:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:4px;background:linear-gradient(90deg,#00d4ff 0%,#0066ff 50%,#4d9eff 100%);border-radius:2px;animation:nameGlow 3s ease-in-out infinite alternate}.hero-description{font-size:1.1rem;color:#b8b8b8;font-weight:400;line-height:1.6;max-width:600px;text-align:left;margin:0}.btn-content{display:flex;flex-direction:column;text-align:left}.btn-title{font-size:1rem;font-weight:600}.btn-subtitle{font-size:.75rem;opacity:.8;font-weight:400}.hero-stats-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:2rem;width:100%}.stats-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:300px}.stat-card-enhanced{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;background:rgba(26,26,46,.7);border:1px solid rgba(0,212,255,.2);border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;position:relative;overflow:hidden;width:100%;margin-bottom:1rem}.stat-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#00d4ff 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.stat-card-enhanced:hover:before{transform:translate(100%)}.stat-card-enhanced:hover{transform:translateY(-3px);border-color:#00d4ff66;box-shadow:0 10px 30px #00d4ff26}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;position:relative}.stat-card-enhanced.active .stat-icon{background:linear-gradient(135deg,rgba(0,212,255,.2) 0%,rgba(0,102,255,.2) 100%);color:#00d4ff}.stat-card-enhanced.running .stat-icon{background:linear-gradient(135deg,rgba(0,255,136,.2) 0%,rgba(0,200,100,.2) 100%);color:#0f8}.stat-card-enhanced.collaborators .stat-icon{background:linear-gradient(135deg,rgba(255,152,0,.2) 0%,rgba(255,193,7,.2) 100%);color:#ff9800}.stat-content{flex:1}.stat-number-enhanced{font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-card-enhanced.active .stat-number-enhanced{color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.5)}.stat-card-enhanced.running .stat-number-enhanced{color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.5)}.stat-card-enhanced.collaborators .stat-number-enhanced{color:#ff9800;text-shadow:0 0 20px rgba(255,152,0,.5)}.stat-label-enhanced{font-size:.875rem;color:#b0b0b0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-decoration{position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;opacity:.1}.stat-card-enhanced.active .stat-decoration{background:radial-gradient(circle,#00d4ff 0%,transparent 70%)}.stat-card-enhanced.running .stat-decoration{background:radial-gradient(circle,#00ff88 0%,transparent 70%)}.stat-card-enhanced.collaborators .stat-decoration{background:radial-gradient(circle,#ff9800 0%,transparent 70%)}.dashboard-alert-enhanced{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin:0 2rem 2rem;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);border-radius:12px;color:#ff6b6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-icon{font-size:1.25rem;color:#ff6b6b}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-message{font-size:.875rem;opacity:.9}.alert-action{background:rgba(255,107,107,.2);border:1px solid rgba(255,107,107,.4);color:#ff6b6b;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .3s ease}.alert-action:hover{background:rgba(255,107,107,.3)}.projects-section-enhanced{max-width:1400px;margin:0 auto;padding:0 2rem 4rem}.section-header-enhanced{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;gap:2rem;flex-wrap:wrap}.section-title-group{flex:1}.section-title-enhanced{font-size:2rem;font-weight:700;color:#fff;margin:0;position:relative;display:inline-block}.section-title-enhanced:after{content:"";position:absolute;bottom:-6px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#00d4ff 0%,#0066ff 100%);border-radius:2px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;margin-top:2rem}.project-card-enhanced{position:relative;background:rgba(26,26,46,.8);border:1px solid rgba(0,212,255,.2);border-radius:24px;padding:0;transition:box-shadow .2s,border-color .2s;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:visible;cursor:pointer;height:350px;display:flex;flex-direction:column}.project-card-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.card-glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);border-radius:50%;display:none}.card-gradient-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,212,255,.03) 0%,rgba(0,102,255,.03) 100%);display:none}.project-card-enhanced:hover .card-glow-effect,.project-card-enhanced:hover .card-gradient-bg{display:none}.project-card-enhanced:hover{box-shadow:0 8px 32px #3a5aff2e;border-color:#1e3a8a}.project-card-header{position:relative;z-index:2;padding:1.5rem 1.5rem 1rem;display:flex;flex-direction:column;gap:1rem}.status-indicator.running{border-color:#0f8;box-shadow:0 4px 12px #00ff884d}.status-indicator.stopped{border-color:#ff6b6b;box-shadow:0 4px 12px #ff6b6b4d}.project-card-enhanced:hover .status-indicator.running{box-shadow:0 6px 16px #0f86;border-color:#0f8c}.project-icon-section{display:flex;justify-content:center}.project-icon-enhanced{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.icon-background{position:relative;z-index:2;width:60px;height:60px;background:linear-gradient(135deg,#00d4ff 0%,#0066ff 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transition:all .4s ease}.icon-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:2px solid rgba(0,212,255,.3);border-radius:50%;display:none}.project-card-enhanced:hover .icon-ripple{opacity:1}.project-card-body{position:relative;z-index:2;padding:0 1.5rem;flex:1;display:flex;flex-direction:column;gap:1rem}.project-title-section{text-align:center}.project-name-enhanced{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.75rem;line-height:1.3;transition:color .3s ease}.project-card-enhanced:hover .project-name-enhanced{color:#00d4ff}.project-metadata{display:flex;flex-direction:column;gap:.5rem;font-size:.75rem;color:#b0b0b0;margin-top:.5rem;align-items:center;text-align:center}.status-indicator-simple{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.75rem auto 0;padding:.35rem .75rem;border-radius:4px;background:rgba(25,25,35,.6);font-weight:600;font-size:.85rem;width:fit-content}.status-indicator-simple.running{color:#0f8}.status-indicator-simple.stopped{color:#ff6b6b}.status-indicator-simple i{font-size:1rem}.metadata-item{display:flex;align-items:center;justify-content:center;gap:.5rem}.metadata-item i{width:12px;text-align:center}.project-card-footer{position:relative;z-index:2;padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.view-project-btn-enhanced{position:relative;background:transparent;border:2px solid #00d4ff;border-radius:16px;padding:1rem;color:#00d4ff;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden}.btn-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00d4ff 0%,#0066ff 100%);opacity:0;transition:opacity .3s ease}.view-project-btn-enhanced:hover .btn-background{opacity:1}.view-project-btn-enhanced:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff66}.btn-content-enhanced{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-text-enhanced{font-size:.875rem;font-weight:600}.btn-icon-enhanced{transition:transform .3s ease}.view-project-btn-enhanced:hover .btn-icon-enhanced{transform:translate(4px)}.project-quick-info{text-align:center}.quick-info-item{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:gray}.empty-state-simple{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;background:linear-gradient(135deg,rgba(26,26,46,.3) 0%,rgba(16,16,32,.4) 50%,rgba(26,26,46,.3) 100%);border:1px solid rgba(0,212,255,.2);border-radius:20px;margin-top:2rem;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-background-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);border-radius:50%;animation:backgroundPulse 4s ease-in-out infinite}.empty-icon-simple{position:relative;width:100px;height:100px;background:linear-gradient(135deg,#1a237e 0%,#1976d2 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;font-size:2.5rem;color:#fff;box-shadow:0 12px 30px #00d4ff66,inset 0 2px #fff3;animation:iconFloat 3s ease-in-out infinite;z-index:2}.icon-pulse{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid rgba(0,212,255,.3);border-radius:24px;animation:iconPulse 2s ease-in-out infinite}.empty-content-simple{max-width:500px;z-index:2;position:relative}.empty-title-simple{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff 0%,#00d4ff 50%,#ffffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-description-simple{font-size:1.1rem;color:#b0b0b0;line-height:1.7;margin-bottom:2.5rem}.highlight-text{color:#00d4ff;font-weight:600;position:relative}.highlight-text:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#00d4ff 50%,transparent 100%);border-radius:1px;animation:highlightGlow 2s ease-in-out infinite}.empty-action-btn-simple{position:relative;display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#1a237e 0%,#1976d2 100%);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;transition:all .3s ease;overflow:hidden;box-shadow:0 8px 25px #00d4ff4d}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.empty-action-btn-simple:hover .btn-shine{left:100%}.empty-action-btn-simple:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00d4ff80;color:#fff;text-decoration:none}.floating-dots{position:absolute;width:100%;height:100%;pointer-events:none}.dot{position:absolute;width:8px;height:8px;background:rgba(0,212,255,.6);border-radius:50%;animation:dotFloat 6s ease-in-out infinite}.dot-1{top:20%;left:15%;animation-delay:0s}.dot-2{top:30%;right:20%;animation-delay:2s}.dot-3{bottom:25%;left:25%;animation-delay:4s}@keyframes backgroundPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes iconPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes highlightGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes dotFloat{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-15px);opacity:1}}@media (max-width: 992px){.hero-content-enhanced{grid-template-columns:1fr;gap:1rem}.hero-stats-section{padding-top:1rem}.stats-container{max-width:100%;flex-direction:column;justify-content:flex-start}.stat-card-enhanced{max-width:48%;min-width:auto}}@media (max-width: 768px){.empty-state-simple{padding:4rem 1.5rem}.empty-title-simple{font-size:1.5rem}.empty-description-simple{font-size:1rem}.empty-icon-simple{width:80px;height:80px;font-size:2rem}.hero-main-title{font-size:2.5rem}.stat-card-enhanced{max-width:100%;width:100%}.empty-background-glow{width:200px;height:200px}}.section-header-enhanced{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem;padding:1rem 0}.section-actions-enhanced{display:flex;gap:.75rem;align-items:center}.section-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;border:none;border-radius:9px;font-size:.8rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-action-btn i{font-size:.875rem}.section-action-btn.primary{background:linear-gradient(135deg,#115e6d 0%,#083686 100%);color:#fff;box-shadow:0 2px 8px #00d4ff4d}.section-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00d4ff66}@keyframes orbFloat{0%{transform:translate(10%,-10%) scale(1)}to{transform:translate(-5%,5%) scale(1.05)}}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(100px);opacity:0}}@keyframes gridShift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes nameGlow{0%{box-shadow:0 0 5px #00d4ff80}to{box-shadow:0 0 20px #00d4ffcc}}@keyframes statusPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes rippleEffect{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes rocketFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes orbitRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem}.loading-spinner-modern{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:spinRing 2s linear infinite}.spinner-ring:nth-child(1){border-top-color:#00d4ff;animation-delay:0s}.spinner-ring:nth-child(2){border-top-color:#06f;animation-delay:-.7s;width:60px;height:60px;top:10px;left:10px}.spinner-ring:nth-child(3){border-top-color:#4d9eff;animation-delay:-1.4s;width:40px;height:40px;top:20px;left:20px}.loading-text{color:#b0b0b0;font-size:1.125rem;font-weight:500;animation:loadingPulse 2s ease-in-out infinite}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;gap:2rem}.section-title{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:.5rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#00d4ff 0%,#0066ff 100%);border-radius:2px}.section-subtitle{color:#b0b0b0;font-size:.875rem}@media (max-width: 768px){.section-header-enhanced{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1rem 0}.section-title-enhanced{font-size:2rem}.section-actions-enhanced{width:100%;justify-content:center}.section-action-btn{flex:1;justify-content:center;max-width:150px}.dashboard-hero-enhanced{padding:3rem 1rem 2rem}.hero-content-enhanced{grid-template-columns:1fr;gap:2rem}.stats-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem}.stat-card-enhanced{flex:1 1 calc(50% - .5rem);min-width:150px;max-width:200px}.projects-section-enhanced{padding:0 1rem 3rem}.project-card-enhanced{margin:0 auto;max-width:100%}.dropdown-header{padding:1.5rem}}@media (max-width: 480px){.hero-main-title{font-size:2rem}.hero-description{font-size:1rem}.section-title-enhanced{font-size:1.75rem}.stats-container{flex-direction:column;align-items:center}.stat-card-enhanced{width:100%;max-width:300px}.dashboard-hero-enhanced{padding:2rem .5rem 1.5rem}.projects-section-enhanced{padding:0 .5rem 2rem}.dropdown-header{padding:1rem}.item-icon{width:35px;height:35px;font-size:.875rem}.item-text{font-size:.8125rem}}.avatar-ring{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px solid transparent;border-radius:50%;background:linear-gradient(45deg,#00d4ff,#0066ff,#4d9eff,#00d4ff);background-size:300% 300%;z-index:0;animation:avatarRingRotate 3s ease-in-out infinite}.dropdown-header{display:flex;align-items:center;gap:1rem;padding:2rem 2rem 1.5rem;background:rgba(0,212,255,.05);border-bottom:1px solid rgba(0,212,255,.1);position:relative}.dropdown-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#00d4ff 50%,transparent 100%)}.dropdown-avatar{position:relative;width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.dropdown-user-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.dropdown-name{color:#fff;font-weight:700;font-size:1.125rem;line-height:1.2}.dropdown-email{color:#b0b0b0;font-size:.875rem;line-height:1.2}.dropdown-items{padding:1rem 0}.item-icon{width:40px;height:40px;background:rgba(0,212,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#00d4ff;transition:all .3s ease}.item-text{flex:1;font-weight:600;font-size:.875rem}.logout-item{margin-top:.5rem;border-top:1px solid rgba(255,107,107,.1);background:rgba(255,107,107,.05)}.logout-item:hover{background:rgba(255,107,107,.1);color:#ff6b6b}@keyframes avatarRingRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes statusPulseBeat{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-avatar .fas.fa-user{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.url-section-redesigned{margin:1.5rem 0}.section-header-redesigned{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,212,255,.2)}.section-icon-redesigned{width:44px;height:44px;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(0,212,255,.2));border:1px solid rgba(0,212,255,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#00d4ff;flex-shrink:0}.section-icon-redesigned.node{background:linear-gradient(135deg,rgba(104,193,75,.1),rgba(104,193,75,.2));border-color:#68c14b4d;color:#68c14b}.header-content{flex:1}.header-content h4{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;color:#fff;line-height:1.3}.primary-badge{background:rgba(104,193,75,.1);border:1px solid rgba(104,193,75,.3);color:#68c14b;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;display:inline-block}.main-app-container{margin-top:1rem}.main-app-card{background:linear-gradient(135deg,rgba(104,193,75,.05),rgba(104,193,75,.02));border:1px solid rgba(104,193,75,.2);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden}.main-app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#68c14b,transparent)}.main-app-button{width:100%;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:transform .2s ease}.main-app-button:hover{transform:translateY(-2px)}.main-app-left{display:flex;align-items:center;gap:1rem;flex:1}.main-app-icon{position:relative;width:60px;height:60px;background:rgba(104,193,75,.1);border:1px solid rgba(104,193,75,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#68c14b}.main-app-info{text-align:left}.app-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.app-description{font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem}.app-url{font-size:.8rem;color:#68c14b;font-family:Monaco,Menlo,monospace;background:rgba(104,193,75,.1);padding:.25rem .5rem;border-radius:4px;display:inline-block}.main-app-right{display:flex;align-items:center;gap:1rem}.main-launch-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#68c14b,#5ab042);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .2s ease}.main-app-button:hover .main-launch-btn{transform:scale(1.05);box-shadow:0 4px 12px #68c14b4d}.ports-container-redesigned{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:.75rem;margin-top:1rem;max-width:100%;width:100%}.port-card-redesigned{background:rgba(255,255,255,.02);border:1px solid rgba(0,212,255,.2);border-radius:10px;overflow:hidden;transition:all .2s ease;min-height:45px;height:auto}.port-card-redesigned:hover{border-color:#00d4ff66;transform:translateY(-1px);box-shadow:0 4px 12px #00d4ff1a}.port-button-redesigned{width:100%;background:none;border:none;padding:.4rem .6rem;cursor:pointer;display:flex;align-items:center;transition:background .2s ease;min-height:45px}.port-button-redesigned:hover{background:rgba(0,212,255,.05)}.port-btn-left{display:flex;align-items:center;gap:.6rem;flex:1}.port-icon-wrapper{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.port-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(0,212,255,.2));border:1px solid rgba(0,212,255,.3);border-radius:10px;transition:all .2s ease}.port-button-redesigned:hover .port-icon-bg{background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,212,255,.3));border-color:#00d4ff80}.port-icon-wrapper i{position:relative;color:#00d4ff;font-size:.9rem;z-index:1}.port-info{text-align:left;flex:1;display:flex;align-items:center}.port-number{font-size:.85rem;font-weight:600;color:#fff;margin:0;line-height:1.2}@media (max-width: 768px){.section-header-redesigned{flex-direction:column;align-items:flex-start;gap:.6rem}.main-app-button{flex-direction:column;align-items:flex-start;gap:.75rem}.main-app-right{align-self:stretch;justify-content:space-between}.ports-container-redesigned{grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:.6rem}.port-button-redesigned{padding:.6rem;min-height:50px}}@media (max-width: 1200px){.ports-container-redesigned{grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:.85rem}}@media (max-width: 480px){.ports-container-redesigned{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:.5rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #00d4ff;--primary-dark: #0099cc;--secondary-color: #1a1a2e;--accent-color: #0066ff;--accent-light: #4d9eff;--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #134186 50%, #1a1818 100%);--gradient-secondary: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--gradient-glow: linear-gradient(135deg, rgba(0, 212, 255, .3) 0%, rgba(0, 102, 255, .3) 50%, rgba(0, 0, 0, .3) 100%);--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--text-accent: #00d4ff;--bg-primary: #0a0a0f;--bg-secondary: #0f0f1a;--bg-tertiary: #1a1a2e;--bg-card: rgba(26, 26, 46, .8);--bg-card-hover: rgba(26, 26, 46, .95);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--container-max-width: 1400px;--section-padding: 80px 0;--card-padding: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 30px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(0, 212, 255, .2);--shadow-glow-secondary: 0 0 30px rgba(0, 102, 255, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,0,0,.3) 0%,transparent 50%);overflow-x:hidden;scroll-behavior:smooth;min-height:100vh}.container{max-width:var(--container-max-width);margin:0 auto;padding:80px 24px 0}.App{min-height:100vh;display:flex;flex-direction:column}.App>:not(.header):not(.footer){flex:1}.legal-page,.about-page,.dashboard-container,.auth-page,.faq-page,.team-page-creative,.profile-page-container,.form-container,.feedback-page{padding-top:80px}.legal-page,.about-page{margin:0;padding-top:80px}body:has(.homepage-header) .dashboard-container,body:has(.homepage-header) .legal-page,body:has(.homepage-header) .about-page,body:has(.homepage-header) .faq-page,body:has(.homepage-header) .team-page-creative,body:has(.homepage-header) .profile-page-container,body:has(.homepage-header) .auth-page,body:has(.homepage-header) .project-details-page,body:has(.homepage-header) .feedback-page{padding-top:80px}.homepage-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,15,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,212,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);padding:0}.homepage-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;max-width:1400px;margin:0 auto}.homepage-logo{display:flex;align-items:center;gap:12px;text-decoration:none;transition:all .3s ease}.homepage-logo:hover{transform:translateY(-2px)}.homepage-logo-img{width:38px;height:38px;object-fit:contain;border-radius:8px;transition:all .3s ease}.logo-text{font-size:18px;font-weight:700;color:#fff;font-family:Poppins,Orbitron,"Exo 2",sans-serif;letter-spacing:.5px}.homepage-auth-buttons{display:flex;gap:16px;align-items:center}.btn-outline{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#fff;border:2px solid #0b2783;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;min-width:80px;justify-content:center}.btn-outline:hover{background:#09054f;border-color:#09054f;color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px #00d4ff4d}.btn-primary-nav{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#00d4ff 0%,#09054f 100%);color:#fff;border:2px solid transparent;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:80px;justify-content:center}.btn-primary-nav:hover{background:linear-gradient(135deg,#09054f 0%,#00d4ff 100%);transform:translateY(-1px);box-shadow:0 4px 15px #00d4ff66}.user-dropdown-container{position:relative}.user-avatar-header{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:8px 16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-avatar-header:hover{background:rgba(255,255,255,.15);border-color:#00d4ff66;transform:translateY(-1px)}.user-avatar-header .avatar-circle{width:32px;height:32px;background:linear-gradient(135deg,#00d4ff 0%,#09054f 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.user-name{color:#fff;font-weight:600;font-size:14px}.dropdown-arrow{color:#fff;font-size:12px;transition:transform .3s ease}.dropdown-menu-enhanced{position:absolute;top:100%;right:0;margin-top:8px;background:rgba(10,10,15,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.2);border-radius:10px;box-shadow:0 8px 32px #0006;min-width:220px;z-index:1002;animation:dropdownSlideIn .3s cubic-bezier(.23,1,.32,1) forwards;opacity:0;transform:translateY(-10px) scale(.95)}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001}.dropdown-content{padding:10px;position:relative;z-index:1003}.dropdown-header{display:flex;align-items:center;gap:10px;padding-bottom:8px}.dropdown-avatar{width:32px;height:32px;background:linear-gradient(135deg,#00d4ff 0%,#09054f 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.dropdown-user-info{flex:1}.dropdown-name{color:#fff;font-weight:600;font-size:12px;margin-bottom:2px}.dropdown-email{color:#b0b0b0;font-size:10px}.dropdown-divider{height:1px;background:rgba(255,255,255,.1);margin:10px 0}.dropdown-items{display:flex;flex-direction:column;gap:2px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;text-decoration:none;color:#fff;background:none;border:none;font-size:13px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;position:relative;z-index:1004;pointer-events:auto}.dropdown-item:hover{background:rgba(255,255,255,.1);color:#00d4ff}.item-icon{width:20px;display:flex;align-items:center;justify-content:center;pointer-events:none}.item-text{flex:1;pointer-events:none}.logout-item:hover{background:rgba(255,59,59,.1);color:#ff6b6b}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-15px) scale(.92);filter:blur(4px)}40%{opacity:.6;transform:translateY(-5px) scale(.97);filter:blur(2px)}70%{opacity:.9;transform:translateY(-1px) scale(.995);filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes dropdownSlideOut{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}to{opacity:0;transform:translateY(-10px) scale(.95);filter:blur(2px)}}@media (max-width: 768px){.homepage-nav{padding:12px 20px}.homepage-logo-img{width:32px;height:32px}.logo-text{font-size:18px}.homepage-auth-buttons{gap:12px}.btn-outline,.btn-primary-nav{padding:8px 14px;font-size:11px;min-width:75px}.user-name{display:none}.dropdown-menu-enhanced{min-width:200px;right:-20px}}@media (max-width: 480px){.homepage-nav{padding:10px 16px}.homepage-auth-buttons{gap:8px}.btn-outline,.btn-primary-nav{padding:7px 11px;font-size:10px;min-width:65px}.user-avatar-header{padding:6px 12px}}.header{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:var(--text-primary);padding:1.2rem 0;margin-bottom:0;border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow),0 0 30px #00d4ff14;position:sticky;top:0;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-max-width);margin:0 auto;padding:0 24px;min-height:60px}.header h1{font-size:2rem;font-weight:900;margin:0;transition:all var(--transition-normal)}.header h1 a{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;transition:all var(--transition-normal)}.header h1:hover a{transform:translateY(-1px);filter:drop-shadow(0 0 20px rgba(0,212,255,.5))}.nav-menu{display:flex;gap:1.2rem;align-items:center}.nav-menu a,.nav-menu button{color:var(--text-secondary);text-decoration:none;padding:.6rem 1.2rem;background:none;border:none;cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-md);font-weight:500;font-size:.95rem;position:relative}.nav-menu a:hover,.nav-menu button:hover{background:var(--glass-bg);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.nav-menu a:before,.nav-menu button:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.nav-menu a:hover:before,.nav-menu button:hover:before{width:80%}.nav-menu span{color:var(--text-accent);font-weight:600;padding:.6rem 1rem;background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.form-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:2rem;padding-top:80px;border-radius:var(--radius-xl);box-shadow:var(--glass-shadow),var(--shadow-glow);max-width:320px;margin:2rem auto;position:relative;overflow:hidden}.form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.6}.form-container h2{text-align:center;margin-bottom:2rem;color:var(--text-primary);font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.6rem;font-weight:500;color:var(--text-primary);font-size:.9rem;letter-spacing:.3px}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--glass-border);border-radius:10px;font-size:.95rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);transition:all var(--transition-normal)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 20px #00d4ff33;background:var(--bg-card)}.password-input-container{position:relative;width:100%;display:flex;align-items:center}.password-input-container input{width:100%;padding-right:3rem;position:relative;z-index:1}.password-input-container input::-ms-reveal{display:none}.password-input-container input::-ms-clear{display:none}.password-input-container input::-webkit-credentials-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none;position:absolute;right:0}.password-input-container input::-webkit-strong-password-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none;position:absolute;right:0}.password-toggle-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.5rem;font-size:1rem;transition:all var(--transition-normal);border-radius:50%;width:2rem;height:2rem;display:flex!important;align-items:center;justify-content:center;z-index:100;opacity:1!important;visibility:visible!important;pointer-events:auto!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.password-toggle-btn:hover{color:var(--primary-color);background:rgba(0,212,255,.1);transform:translateY(-50%) scale(1.1);opacity:1!important;visibility:visible!important}.password-toggle-btn:disabled{opacity:.5!important;cursor:not-allowed;visibility:visible!important;display:flex!important}.password-toggle-btn:disabled:hover{color:var(--text-tertiary);background:none;transform:translateY(-50%);opacity:.5!important;visibility:visible!important}.password-toggle-btn i{display:block!important;opacity:inherit;visibility:inherit;font-size:1rem}input[type=password]::-ms-reveal,input[type=password]::-ms-clear,input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-strong-password-auto-fill-button,input[type=password]::-webkit-caps-lock-indicator,input[type=password]::-webkit-textfield-decoration-container{display:none!important;visibility:hidden!important;pointer-events:none!important;position:absolute!important;right:-9999px!important}.password-input-container input[type=password],.password-input-container input[type=text]{-webkit-textfield-decoration-container:none!important;-webkit-appearance:none!important;-moz-appearance:textfield!important;appearance:none!important}.password-input-container input:focus+.password-toggle-btn,.password-input-container:hover .password-toggle-btn{opacity:1!important;visibility:visible!important;display:flex!important}.password-input-container input:not(:placeholder-shown)+.password-toggle-btn{opacity:1!important;visibility:visible!important;display:flex!important}.password-requirements{margin-top:.5rem;padding:.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-requirements .requirement{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.8rem;transition:color .3s ease}.password-requirements .requirement:last-child{margin-bottom:0}.password-requirements .requirement.met{color:var(--success-color, #4ade80)}.password-requirements .requirement.unmet{color:var(--text-tertiary)}.password-requirements .requirement i{width:12px;text-align:center}.password-requirements .requirement.met i{color:var(--success-color, #4ade80)}.password-requirements .requirement.unmet i{color:var(--text-tertiary)}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-normal);position:relative;overflow:hidden;font-family:var(--font-primary)}.btn-primary{background:var(--gradient-primary);background-size:200% 200%;color:#fff;box-shadow:var(--shadow-lg);animation:gradientShift 3s ease infinite}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow),var(--shadow-xl)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.step-progress{display:flex;justify-content:center;margin:1.5rem 0;position:relative}.step-progress:before{content:"";position:absolute;top:16px;left:20%;right:20%;height:2px;background:var(--glass-border);z-index:0}.step-item{display:flex;flex-direction:column;align-items:center;width:80px;position:relative;z-index:1}.step-circle{width:30px;height:30px;border-radius:50%;background:var(--glass-bg);border:2px solid var(--glass-border);display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;color:var(--text-tertiary);transition:all var(--transition-normal);position:relative;font-size:.8rem}.step-circle.active{background:rgba(0,212,255,.1);border-color:var(--primary-color);color:var(--text-accent);box-shadow:0 0 15px #00d4ff4d}.step-circle.completed{background:rgba(40,167,69,.1);border-color:#28a745;color:#28a745}.step-label{font-size:.8rem;color:var(--text-tertiary);transition:all var(--transition-normal)}.step-item.active .step-label{color:var(--text-accent);font-weight:600}.step-item.completed .step-label{color:#28a745;font-weight:600}.verify-step{text-align:center;padding:1rem 0;margin:1rem 0}.verify-step h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem;font-weight:600}.verify-step p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.otp-container{text-align:center;padding:1rem 0;margin:1rem 0}.otp-inputs{display:flex;justify-content:center;gap:.75rem;margin:1rem 0}.otp-input{width:40px;height:45px;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-md);font-size:1.1rem;text-align:center;color:var(--text-primary);transition:all var(--transition-normal);caret-color:var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.otp-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 20px #00d4ff33;transform:translateY(-2px);background:rgba(0,212,255,.05)}.clear-btn{background:none;border:1px solid var(--glass-border);color:var(--text-accent);cursor:pointer;text-decoration:none;font-size:.9rem;padding:.5rem 1rem;border-radius:8px;margin-top:1rem;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg)}.clear-btn:hover{color:var(--primary-color);border-color:var(--primary-color);background:rgba(0,212,255,.05);transform:translateY(-1px)}.verify-step .clear-btn{margin-top:2rem;padding:.75rem 1.5rem;font-size:.95rem;border-radius:10px}.loading{text-align:center;padding:2rem;color:var(--text-accent);font-size:1.1rem;font-weight:500}.loading:after{content:"";display:inline-block;width:20px;height:20px;border:3px solid var(--glass-border);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin-left:12px}@keyframes spin{to{transform:rotate(360deg)}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.auth-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:6rem 1rem 2rem;background:radial-gradient(circle at 20% 30%,rgba(0,212,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,102,255,.08) 0%,transparent 50%),var(--bg-primary)}.auth-header{text-align:center;margin-bottom:1.75rem}.auth-header h2{font-size:1.7rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-header p{color:var(--text-secondary);font-size:1rem;margin:0;opacity:.9;line-height:1.5}.auth-submit-btn{width:100%!important;padding:.75rem 1.25rem!important;font-size:.9rem!important;font-weight:600!important;margin-top:.75rem;border-radius:10px!important;transition:all var(--transition-normal)!important}.auth-submit-btn:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px #00d4ff4d!important}.auth-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem;text-align:center}.auth-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:all var(--transition-normal);padding:.5rem;border-radius:var(--radius-md)}.auth-link.primary{color:var(--text-accent)}.auth-link.primary span{color:var(--primary-color);font-weight:600}.auth-link.secondary{color:var(--text-tertiary);font-size:.9rem}.auth-link:hover{color:var(--text-primary);background:var(--glass-bg);transform:translateY(-1px)}.auth-link.primary:hover span{color:var(--text-primary)}.auth-page .form-container{max-width:400px;width:100%;margin:0;position:relative;animation:authFadeIn .6s ease-out}.auth-security-container{max-width:400px;padding:1.75rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow),var(--shadow-glow);margin:3rem auto 2rem;position:relative;overflow:hidden}.auth-page .form-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:calc(var(--radius-xl) + 2px);opacity:.3;z-index:-1;filter:blur(8px)}@keyframes authFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-loading-container{text-align:center;padding:2rem 1rem;animation:fadeInFast .5s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;position:relative}.security-icons-ring{position:relative;width:160px;height:160px;margin:0 auto 2rem;perspective:800px;transform-style:preserve-3d;transform:rotateX(25deg);animation:floatRing 6s ease-in-out infinite alternate}.security-icon{position:absolute;width:40px;height:40px;background:rgba(0,21,41,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-accent);font-size:1.1rem;box-shadow:0 0 15px #00d4ff80;border:1px solid rgba(0,212,255,.3);transform-style:preserve-3d;backface-visibility:visible;transition:all .3s ease;animation:iconGlow 3s ease-in-out infinite alternate}.security-icon:nth-child(1){top:0;left:50%;transform:translate(-50%);animation-delay:0s}.security-icon:nth-child(2){top:20%;right:0;animation-delay:-.4s}.security-icon:nth-child(3){bottom:20%;right:0;animation-delay:-.8s}.security-icon:nth-child(4){bottom:0;left:50%;transform:translate(-50%);animation-delay:-1.2s}.security-icon:nth-child(5){bottom:20%;left:0;animation-delay:-1.6s}.security-icon:nth-child(6){top:20%;left:0;animation-delay:-2s}.central-security-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;box-shadow:0 0 30px #00d4ff99;animation:centralPulse 2s ease-in-out infinite alternate;z-index:10}@keyframes floatRing{0%{transform:rotateX(25deg) rotate(0)}50%{transform:rotateX(15deg) rotate(180deg)}to{transform:rotateX(25deg) rotate(360deg)}}@keyframes iconGlow{0%{box-shadow:0 0 15px #00d4ff4d;transform:scale(.95)}50%{box-shadow:0 0 20px #00d4ff80}to{box-shadow:0 0 25px #00d4ffb3;transform:scale(1.05)}}@keyframes centralPulse{0%{transform:translate(-50%,-50%) scale(.95);box-shadow:0 0 20px #00d4ff66}50%{box-shadow:0 0 30px #00d4ff99}to{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 40px #00d4ffcc}}.auth-loading-text{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:2rem 0 .5rem;background:linear-gradient(90deg,#ffffff,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textGlow 2s ease-in-out infinite alternate}.auth-loading-subtext{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;max-width:320px;margin-left:auto;margin-right:auto;line-height:1.4}@keyframes textGlow{0%{filter:drop-shadow(0 0 2px rgba(0,212,255,.3))}to{filter:drop-shadow(0 0 5px rgba(0,212,255,.7))}}@keyframes fadeInFast{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.security-progress{margin:1.5rem 0 0;padding:1rem;background:rgba(10,10,15,.6);border-radius:var(--radius-md);border:1px solid rgba(0,212,255,.15);max-width:400px;margin-left:auto;margin-right:auto;box-shadow:0 5px 20px #0003,inset 0 1px #ffffff1a}.security-progress-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-secondary);font-size:.9rem;opacity:.5;transition:all .3s ease;animation:fadeSlideIn .3s ease forwards}.security-progress-item.active{opacity:1;color:var(--text-accent);animation:activeItem .8s ease infinite alternate}.security-progress-item.completed{opacity:1;color:#51cf66;animation:completedItem .4s ease}.security-progress-item i{font-size:1rem;width:16px;display:flex;justify-content:center}.security-progress-item.active i{animation:spin 1s linear infinite}@keyframes activeItem{0%{opacity:.8;filter:drop-shadow(0 0 2px rgba(0,212,255,.2))}to{opacity:1;filter:drop-shadow(0 0 4px rgba(0,212,255,.5))}}@keyframes completedItem{0%{transform:translate(-5px);opacity:.8}50%{transform:translate(3px)}to{transform:translate(0);opacity:1}}@keyframes fadeSlideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:.5}}.auth-success-container{text-align:center;padding:2rem 1rem;animation:successFadeIn .8s cubic-bezier(.23,1,.32,1);min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#22c55e 0%,#10b981 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.2rem;animation:successBounce .6s cubic-bezier(.68,-.55,.265,1.55) .3s both,glowPulse 2s ease-in-out infinite alternate;box-shadow:0 0 30px #22c55e80;position:relative}.auth-success-icon:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(34,197,94,.3);animation:rippleEffect 2s ease-out infinite}.auth-success-text{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem;animation:textReveal .8s ease forwards .5s;opacity:0}.auth-success-subtext{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;animation:textReveal .8s ease forwards .7s;opacity:0;max-width:300px;margin-left:auto;margin-right:auto}@keyframes successFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes successBounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%{box-shadow:0 0 20px #28a74566}to{box-shadow:0 0 40px #28a745b3}}@keyframes textReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes featureAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rippleEffect{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.security-features{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.security-feature{display:flex;flex-direction:column;align-items:center;background:var(--glass-bg);padding:1rem;border-radius:var(--radius-md);border:1px solid var(--glass-border);min-width:130px;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:featureAppear .5s ease forwards}.security-feature:nth-child(1){animation-delay:1s}.security-feature:nth-child(2){animation-delay:1.2s}.security-feature:nth-child(3){animation-delay:1.4s}.security-feature:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00d4ff33}.security-feature i{font-size:1.5rem;color:var(--text-accent);margin-bottom:.5rem}.security-feature span{font-size:.8rem;color:var(--text-secondary);text-align:center}.user-avatar-container{position:relative}.user-avatar-clean{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.6rem 1rem;border-radius:var(--radius-lg);transition:all var(--transition-normal);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-avatar-clean:hover{background:rgba(255,255,255,.1);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 15px #00d4ff33}.avatar-circle{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin-bottom:0;color:#fff;transition:all var(--transition-normal);position:relative;box-shadow:0 2px 8px #00d4ff4d}.dropdown-arrow{font-size:.8rem;color:var(--text-secondary);transition:all var(--transition-normal)}.user-avatar-clean:hover .dropdown-arrow{color:var(--primary-color)}.dropdown-menu-clean{position:absolute;top:100%;right:0;margin-top:.5rem;z-index:1000}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:999}.dropdown-content{background:rgba(26,26,46,.95);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow),0 10px 40px #0000004d;min-width:280px;overflow:hidden;animation:dropdownFadeIn .2s ease-out}.dropdown-header{padding:1.5rem;background:rgba(255,255,255,.02);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:1rem}.dropdown-avatar{width:50px;height:50px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px #00d4ff4d}.dropdown-user-info{flex:1;min-width:0}.dropdown-name{font-weight:600;color:var(--text-primary);font-size:1.1rem;margin-bottom:.25rem}.dropdown-email{color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:var(--glass-border);margin:0}.dropdown-items{padding:.25rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:var(--text-primary);text-decoration:none;transition:all .2s cubic-bezier(.25,.46,.45,.94);border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.9rem}.dropdown-item:hover{background:rgba(255,255,255,.08);color:var(--primary-color);transform:translate(3px)}.dropdown-item:hover .item-icon{background:rgba(0,212,255,.2);color:var(--primary-color);transform:scale(1.1)}.item-icon{width:28px;height:28px;display:flex;justify-content:center;align-items:center;color:var(--text-accent);font-size:.8rem;background:rgba(255,255,255,.1);border-radius:50%;transition:all .2s ease}.item-text{font-weight:500}.logout-item{border-top:1px solid rgba(255,255,255,.1);margin-top:8px;padding-top:16px}.logout-item:hover{background:rgba(220,53,69,.1);color:#ff6b6b}.logout-item:hover .item-icon{background:rgba(220,53,69,.2);color:#ff6b6b;transform:scale(1.1)}.avatar-circle .fas.fa-user{font-size:18px;color:#fff}.user-avatar-clean:hover .avatar-circle .fas.fa-user{color:#fff;transform:scale(1.1)}.profile-icon-large{font-size:48px!important;color:#fff}.dropdown-avatar .fas.fa-user{font-size:20px;color:#fff}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.project-details-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);padding:2rem;padding-top:80px}.project-details-container-modern{max-width:1200px;margin:0 auto;padding-top:60px}.loading-container-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-spinner-modern{position:relative;width:80px;height:80px;margin-bottom:2rem}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid transparent;border-top:4px solid #00d4ff;border-radius:50%;animation:spinnerRotate 1.2s linear infinite}.spinner-ring:nth-child(2){animation-delay:-.4s;border-top-color:#06f}.spinner-ring:nth-child(3){animation-delay:-.8s;border-top-color:#00d4ff}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text-modern{color:#b0b0b0;font-size:1.125rem;font-weight:500}.error-container-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.error-icon{width:80px;height:80px;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;font-size:2rem;color:#fff}.error-content h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.error-message{color:#b0b0b0;margin-bottom:2rem;font-size:1.125rem}.error-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#00d4ff 0%,#0066ff 100%);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600}.error-back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff66}.project-header-modern{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding:2rem;background:rgba(26,26,46,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000004d}.back-btn-modern{width:48px;height:48px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#e0e0e0;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.125rem}.back-btn-modern:hover{background:rgba(0,212,255,.1);border-color:#00d4ff4d;color:#00d4ff;transform:translate(-2px)}.project-title-area{display:flex;align-items:center;gap:1.5rem;flex:1}.project-icon-modern{width:64px;height:64px;background:linear-gradient(135deg,#00d4ff 0%,#0066ff 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;box-shadow:0 4px 16px #00d4ff4d}.project-info-header{flex:1}.project-title-modern{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2}.project-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.project-id{color:#b0b0b0;font-size:1rem;font-weight:500}.status-badge-modern{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-modern.status-running{background:rgba(0,255,136,.1);color:#0f8;border:1px solid rgba(0,255,136,.2)}.status-badge-modern.status-stopped{background:rgba(255,107,107,.1);color:#ff6b6b;border:1px solid rgba(255,107,107,.2)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-weight:500;max-width:100%;width:fit-content;margin-left:auto;margin-right:auto}.alert-modern.error{background:rgba(255,107,122,.12);border:1px solid rgba(255,107,122,.25);color:#ff6b7a}.alert-icon{font-size:1.25rem}.project-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.urls-card-modern{grid-column:1 / -1}.info-card-modern{background:rgba(26,26,46,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:0;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 20px #0003}.info-card-modern:hover{border-color:#00d4ff4d;transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.card-header-modern{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 0;margin-bottom:1.5rem}.header-icon{width:40px;height:40px;background:linear-gradient(135deg,#00d4ff 0%,#0066ff 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem}.card-title{font-size:1.25rem;font-weight:700;color:#fff;flex:1;margin:0}.card-content-modern{padding:0 1.5rem 1.5rem}.info-grid{display:grid;gap:1rem}.info-item-modern{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease}.info-item-modern:hover{background:rgba(255,255,255,.05);border-color:#00d4ff33}.info-icon{width:36px;height:36px;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#00d4ff;font-size:.875rem}.info-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.info-label{color:#b0b0b0;font-size:.875rem;font-weight:500}.info-value{color:#fff;font-weight:600;word-break:break-word}.collaborators-grid{display:grid;gap:.75rem}.collaborator-item-modern{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease}.collaborator-item-modern:hover{background:rgba(255,255,255,.05);border-color:#00d4ff33}.collaborator-avatar{width:40px;height:40px;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.collaborator-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.collaborator-email{color:#fff;font-weight:600}.collaborator-role{color:#b0b0b0;font-size:.875rem}.empty-state-small{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem}.empty-icon{width:60px;height:60px;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.2);border-radius:15px;display:flex;align-items:center;justify-content:center;color:#00d4ff;font-size:1.5rem;margin-bottom:1rem}.empty-text p{color:#fff;font-weight:600;margin-bottom:.5rem}.empty-text span{color:#b0b0b0;font-size:.875rem}.actions-grid-modern{display:grid;gap:1rem}.action-btn-modern{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.action-btn-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease}.action-btn-modern:hover:before{left:100%}.action-btn-modern.primary{background:rgba(4,48,228,.1);border:1px solid rgba(0,212,255,.2);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.action-btn-modern.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff66}.action-btn-modern.secondary{background:rgba(255,255,255,.1);color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.action-btn-modern.secondary:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d;transform:translateY(-2px)}.action-btn-modern.warning{background:rgba(255,193,7,.1);color:#ffc107;border:1px solid rgba(255,193,7,.2)}.action-btn-modern.warning:hover{background:rgba(255,193,7,.15);border-color:#ffc1074d;transform:translateY(-2px)}.btn-icon{width:40px;height:40px;background:rgba(247,243,243,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.125rem}.btn-content{flex:1;text-align:left}.btn-title{display:block;font-weight:700;font-size:1rem;margin-bottom:.25rem}.btn-subtitle{display:block;opacity:.8;font-size:.875rem;font-weight:400}.urls-card-modern .card-header-modern{border-bottom:1px solid rgba(255,255,255,.1)}@keyframes dangerPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.8}}@keyframes warningPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-project-btn-creative{position:relative;background:linear-gradient(135deg,#ff6b7a 0%,#ff4757 50%,#e83c4a 100%);border:2px solid transparent;border-radius:16px;padding:1rem 1.5rem;color:#fff;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 8px 25px #ff6b7a40,0 0 0 1px #ff6b7a1a}.delete-project-btn-creative:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.delete-project-btn-creative:hover:before{left:100%}.delete-project-btn-creative:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ff6b7a59,0 0 0 1px #ff6b7a40;border-color:#ff6b7a66}.btn-icon-creative{position:relative;width:2.5rem;height:2.5rem;background:rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;z-index:2}.icon-ring{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid rgba(255,255,255,.3);border-radius:14px;animation:ringPulse 2s ease-in-out infinite}@keyframes ringPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}.danger-glow-creative{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(255,71,87,.3) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease}.delete-project-btn-creative:hover .danger-glow-creative{opacity:1}.delete-modal-overlay-creative{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:modalFadeInCreative .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.delete-modal-backdrop-creative{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.7) 0%,rgba(26,26,46,.8) 50%,rgba(0,0,0,.7) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.delete-modal-container-creative{position:relative;z-index:1;max-width:85vw;max-height:85vh;overflow-y:auto;width:100%;max-width:500px}.delete-modal-content-creative{background:linear-gradient(135deg,rgba(26,26,46,.95) 0%,rgba(16,16,32,.97) 50%,rgba(26,26,46,.95) 100%);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,107,122,.25);box-shadow:0 20px 40px #00000059,0 0 0 1px #ffffff14,inset 0 1px #ffffff14,0 0 40px #ff6b7a1f;padding:0;min-width:450px;animation:modalSlideInCreative .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.delete-modal-header-creative{text-align:center;padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(255,107,122,.18);position:relative;background:linear-gradient(135deg,rgba(255,107,122,.06) 0%,rgba(255,107,122,.02) 100%)}.warning-icon-container-creative{position:relative;display:inline-block;margin-bottom:1.5rem}.warning-pulse-creative{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(255,71,87,.3) 0%,transparent 70%);border-radius:50%;animation:warningPulse 2s ease-in-out infinite}.warning-rings-creative{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring{position:absolute;border:2px solid rgba(255,71,87,.4);border-radius:50%;animation:ringExpand 3s ease-in-out infinite}.ring-1{width:80px;height:80px;top:-40px;left:-40px;animation-delay:0s}.ring-2{width:100px;height:100px;top:-50px;left:-50px;animation-delay:1s}.ring-3{width:120px;height:120px;top:-60px;left:-60px;animation-delay:2s}.warning-icon-creative{position:relative;z-index:5;width:80px;height:80px;background:linear-gradient(135deg,#ff4757 0%,#ff1744 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;box-shadow:0 8px 25px #ff475766,inset 0 2px #fff3}@keyframes warningPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.3}}@keyframes ringExpand{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}.delete-modal-title-creative{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;background:linear-gradient(135deg,#ff4757 0%,#ff6b7a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(255,71,87,.2)}.delete-modal-subtitle-creative{color:var(--text-secondary);font-size:1.125rem;margin:0;opacity:.9;font-weight:500}.delete-warning-section-creative{padding:1.5rem;display:grid;gap:1rem}.warning-card-creative,.recommendation-card-creative{background:linear-gradient(135deg,rgba(255,71,87,.08) 0%,rgba(255,71,87,.02) 100%);border:1px solid rgba(255,71,87,.2);border-radius:12px;padding:1rem;display:flex;gap:.75rem;transition:all .3s ease}.recommendation-card-creative{background:linear-gradient(135deg,rgba(0,212,255,.08) 0%,rgba(0,212,255,.02) 100%);border-color:#00d4ff33}.warning-card-creative:hover,.recommendation-card-creative:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.warning-icon-small-creative,.recommendation-icon-creative{width:40px;height:40px;background:linear-gradient(135deg,#ff4757 0%,#ff1744 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;flex-shrink:0;box-shadow:0 3px 12px #ff47574d}.recommendation-icon-creative{background:linear-gradient(135deg,#00d4ff 0%,#0066ff 100%);box-shadow:0 3px 12px #00d4ff4d}.warning-content-creative,.recommendation-content-creative{flex:1}.warning-content-creative h4,.recommendation-content-creative h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.warning-content-creative p,.recommendation-content-creative p{color:var(--text-secondary);margin:0;line-height:1.4;font-size:.875rem}.delete-confirmation-section-creative{padding:2rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.confirmation-label-creative{display:block;color:var(--text-primary);font-weight:600;margin-bottom:1rem;font-size:1rem}.confirmation-label-creative strong{color:#ff4757;background:rgba(255,71,87,.15);padding:.25em .5em;border-radius:6px;font-family:var(--font-mono);font-weight:700}.input-container-creative{position:relative;display:flex;align-items:center}.confirmation-input-creative{width:100%;padding:1rem 3.5rem 1rem 1rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:14px;color:var(--text-primary);font-size:1rem;font-family:var(--font-mono);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirmation-input-creative:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff26,0 4px 15px #00d4ff1a;background:rgba(255,255,255,.08)}.confirmation-input-creative::placeholder{color:var(--text-tertiary)}.input-validation-creative{position:absolute;right:1rem;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0003}.input-validation-creative.valid{background:linear-gradient(135deg,#4caf50 0%,#2e7d32 100%);color:#fff;box-shadow:0 4px 15px #4caf504d}.input-validation-creative.invalid{background:linear-gradient(135deg,#f44336 0%,#c62828 100%);color:#fff;box-shadow:0 4px 15px #f443364d}.input-validation-creative i{font-size:.875rem}.delete-error-message-creative{margin-top:1rem;padding:1rem;background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);border-radius:12px;color:#f44336;font-size:.95rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.delete-modal-actions-creative{padding:2rem;display:flex;gap:1rem;justify-content:flex-end}.cancel-btn-creative{padding:1rem 2rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cancel-btn-creative:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.delete-confirm-btn-creative{position:relative;padding:1rem 2rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;gap:.75rem;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.delete-confirm-btn-creative.enabled{background:linear-gradient(135deg,#ff4757 0%,#ff1744 100%);color:#fff;box-shadow:0 8px 25px #ff475766,0 0 0 1px #ff475733}.delete-confirm-btn-creative.enabled:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ff475780,0 0 0 1px #ff47574d}.delete-confirm-btn-creative.disabled{background:rgba(255,71,87,.2);color:#fff6;cursor:not-allowed;box-shadow:none}.btn-background-danger-creative{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s}.delete-confirm-btn-creative.enabled:hover .btn-background-danger-creative{left:100%}.btn-icon-danger{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.btn-danger-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(255,71,87,.4) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease}.delete-confirm-btn-creative.enabled:hover .btn-danger-glow{opacity:1}@keyframes modalFadeInCreative{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes modalSlideInCreative{0%{opacity:0;transform:scale(.85) translateY(-30px) rotateX(15deg)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0)}}@media (max-width: 768px){.delete-modal-content-creative{min-width:95vw;margin:1rem;border-radius:16px}.delete-modal-header-creative{padding:1.5rem 1.5rem 1rem}.delete-warning-section-creative{padding:1rem}.delete-confirmation-section-creative{padding:1.5rem}.delete-modal-actions-creative{flex-direction:column;padding:1rem 1.5rem 1.5rem}.cancel-btn-creative,.delete-confirm-btn-creative{width:100%;justify-content:center}.delete-modal-title-creative{font-size:1.75rem}.warning-icon-creative{width:60px;height:60px;font-size:2rem}}.running-indicator{display:flex;align-items:center;gap:.5rem;color:#0f8;font-size:.875rem;font-weight:600}.pulse-dot{width:8px;height:8px;background:#00ff88;border-radius:50%;animation:pulseDot 1.5s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.url-link-modern{display:inline-flex;align-items:center;gap:.5rem;color:#0f8;text-decoration:none;font-weight:600;word-break:break-all;transition:all .2s ease}.url-link-modern:hover{color:#fff;transform:translate(4px)}.profile-page-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);padding:2rem}.profile-content{max-width:800px;margin:0 auto;padding-top:50px}.profile-header{display:flex;align-items:center;margin-bottom:3rem;gap:2rem}.profile-avatar-large{position:relative;width:90px;height:90px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:var(--gradient-primary);z-index:1}.profile-icon-large{position:relative;z-index:2;font-size:48px!important;color:#fff}.avatar-status-indicator{position:absolute;bottom:8px;right:8px;width:20px;height:20px;background:#00ff88;border:3px solid var(--bg-primary);border-radius:50%;z-index:3}.profile-title-section h1{font-size:1.9rem;color:var(--text-primary);margin-bottom:.5rem}.profile-title-section p{color:var(--text-secondary);font-size:1.1rem}.profile-info-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;margin-bottom:2rem}.info-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.info-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.info-title{color:var(--text-primary);font-size:1.5rem;margin:0}.profile-details-grid{display:grid;gap:1.5rem}.profile-detail-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid rgba(255,255,255,.05)}.detail-label{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-weight:500}.detail-label i{color:var(--primary-color)}.detail-value{color:var(--text-primary);font-weight:500}.profile-actions{display:flex;gap:1rem;justify-content:center}.profile-action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border:none;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;cursor:pointer}.profile-action-btn.primary{background:var(--gradient-primary);color:#fff}.profile-action-btn.secondary{background:rgba(255,255,255,.1);color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.profile-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.footer{background:var(--bg-secondary);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-top:1px solid var(--glass-border);margin-top:0;position:relative;overflow:hidden}.footer-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.footer-gradient-orb{position:absolute;top:-50%;left:20%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.05) 0%,transparent 70%);border-radius:50%;animation:floatOrb 20s ease-in-out infinite}.footer-grid-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.3}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,10px) scale(.95)}75%{transform:translate(40px,15px) scale(1.02)}}.footer-content{position:relative;z-index:1;max-width:var(--container-max-width);margin:0 auto;padding:0 24px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:3rem;padding:4rem 0 3rem;align-items:start}.footer-section{display:flex;flex-direction:column;gap:1.5rem}.footer-section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;position:relative}.footer-section-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:30px;height:2px;background:var(--gradient-primary);border-radius:1px}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);text-decoration:none;padding:.5rem 0;transition:all var(--transition-normal);border-radius:var(--radius-md);font-size:.95rem}.footer-link:hover{color:var(--primary-color);transform:translate(4px);background:rgba(0,212,255,.05);padding-left:.5rem}.footer-link i{width:16px;font-size:.875rem;opacity:.7}.footer-bottom{border-top:1px solid var(--glass-border);padding:2rem 0}.footer-bottom-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copyright{color:var(--text-secondary);text-align:center}.footer-copyright p{margin:0;font-size:.9rem}.footer-tagline{opacity:.7;font-size:.8rem!important;text-align:center}@media (max-width: 768px){.footer-main{grid-template-columns:1fr;gap:2rem;padding:3rem 0 2rem}.footer-bottom-content{flex-direction:column;text-align:center}}.about-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);padding:2rem 0}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-hero{position:relative;text-align:center;padding:4rem 0 6rem;margin-bottom:4rem;overflow:hidden}.about-hero-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.about-hero-content{position:relative;z-index:2}.about-title{font-size:3.5rem;font-weight:900;color:var(--text-primary);margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleGlow 3s ease-in-out infinite alternate}.about-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}@keyframes titleGlow{0%{filter:drop-shadow(0 0 10px rgba(0,212,255,.3))}to{filter:drop-shadow(0 0 20px rgba(0,212,255,.6))}}.about-section{margin-bottom:4rem}.section-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem;position:relative}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0}.mission-content{max-width:800px;margin:0 auto;text-align:center}.mission-text{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.value-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:2rem;text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.1) 50%,transparent 100%);transition:left .6s ease}.value-card:hover:before{left:100%}.value-card:hover{transform:translateY(-8px);border-color:#00d4ff4d;box-shadow:0 15px 40px #0000004d}.value-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:2rem;box-shadow:0 8px 25px #00d4ff4d}.value-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.about-cta{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:4rem 2rem;text-align:center;margin-top:4rem;position:relative;overflow:hidden}.about-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary)}.cta-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.cta-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.card-glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity var(--transition-normal)}.faq-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);padding:2rem 0}.faq-container{max-width:1000px;margin:0 auto;padding:0 2rem}.faq-hero{position:relative;text-align:center;padding:4rem 0 6rem;margin-bottom:4rem;overflow:hidden}.faq-hero-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.faq-hero-content{position:relative;z-index:2}.faq-badge{display:inline-flex;align-items:center;gap:.75rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:.75rem 1.5rem;border-radius:50px;color:var(--primary-color);font-weight:600;font-size:.95rem;margin-bottom:2rem;box-shadow:0 8px 32px #00d4ff1a}.faq-badge i{font-size:1.1rem}.faq-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(135deg,#ffffff 0%,#00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.faq-section{margin-bottom:4rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item:hover{transform:translateY(-2px);border-color:#00d4ff4d;box-shadow:0 8px 30px #0003}.faq-item.active{border-color:#00d4ff66;box-shadow:0 8px 30px #00d4ff1a}.faq-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;cursor:pointer;transition:all var(--transition-normal)}.faq-header:hover{background:rgba(255,255,255,.02)}.faq-question-content{display:flex;align-items:center;gap:1rem;flex:1}.faq-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem;flex-shrink:0;box-shadow:0 4px 15px #00d4ff4d}.faq-question{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.faq-toggle{color:var(--text-secondary);font-size:1rem;transition:all var(--transition-normal);margin-left:1rem}.faq-item.active .faq-toggle{color:var(--primary-color);transform:rotate(180deg)}.faq-answer-container{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.active .faq-answer-container{max-height:200px;padding:0 2rem 1.5rem}.faq-answer{color:var(--text-secondary);line-height:1.7;font-size:1rem;margin:0;padding-left:66px}.faq-cta{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:4rem 2rem;text-align:center;box-shadow:var(--glass-shadow)}.faq-cta-content{max-width:600px;margin:0 auto}.cta-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;margin:0 auto 2rem;box-shadow:0 8px 25px #00d4ff66}.cta-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.cta-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);min-width:160px;justify-content:center}.cta-btn.primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.cta-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00d4ff66}.cta-btn.secondary{background:rgba(255,255,255,.08);color:var(--text-primary);border:1px solid var(--glass-border)}.cta-btn.secondary:hover{background:rgba(255,255,255,.12);border-color:var(--primary-color);transform:translateY(-2px)}@media (max-width: 768px){.faq-hero{padding:2rem 0 4rem;margin-bottom:2rem}.faq-title{font-size:2.5rem}.faq-subtitle{font-size:1.125rem}.faq-header{padding:1rem 1.5rem}.faq-question{font-size:1rem}.faq-answer{padding-left:16px}.faq-item.active .faq-answer-container{padding:0 1.5rem 1rem}.faq-cta{padding:2rem 1rem}.cta-actions{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:300px}}@media (max-width: 480px){.faq-question-content{gap:.75rem}.faq-icon{width:40px;height:40px;font-size:1rem}.faq-question{font-size:.95rem}.faq-answer{font-size:.9rem;padding-left:8px}}.legal-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);padding-top:80px;padding:2rem 0}.legal-container{max-width:900px;margin:0 auto;padding:0 2rem;text-align:left}.legal-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.legal-title{font-size:3rem;font-weight:900;color:var(--text-primary);margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.legal-subtitle{color:var(--text-secondary);font-size:1rem;opacity:.8;text-align:center}.legal-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:3rem;box-shadow:var(--glass-shadow);position:relative;text-align:left}.legal-section{margin-bottom:2.5rem}.legal-section h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border);text-align:left}.legal-section h3{font-size:1.25rem;font-weight:600;color:var(--text-accent);margin:1.5rem 0 .75rem}.legal-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;text-align:justify;text-justify:inter-word}.legal-section ul{color:var(--text-secondary);margin:1rem 0;padding-left:1.5rem;line-height:1.6}.legal-section li{margin-bottom:.5rem;line-height:1.6;text-align:left}.legal-section strong{color:var(--text-primary);font-weight:600}.highlight-link{color:var(--primary-color);font-weight:600;text-decoration:none}.highlight-link:hover{text-decoration:underline}.contact-info{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;margin-top:1rem}.contact-info p{margin-bottom:.5rem;color:var(--text-primary)}.contact-info strong{color:var(--text-primary)}@media (max-width: 768px){.legal-container{padding:0 1rem}.legal-title{font-size:2.5rem}.legal-content{padding:2rem}}@media (max-width: 480px){.legal-title{font-size:2rem}.legal-content{padding:1.5rem}.legal-section h2{font-size:1.25rem}.legal-section h3{font-size:1.1rem}}.feedback-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);position:relative;overflow-x:hidden}.feedback-container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.feedback-hero{position:relative;text-align:center;margin-bottom:4rem;padding:3rem 0;overflow:hidden}.feedback-hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-gradient-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);border-radius:50%;filter:blur(80px);animation:float 6s ease-in-out infinite}.hero-floating-particles{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#00d4ff;border-radius:50%;opacity:.6;animation:particleFloat 8s linear infinite}.particle:nth-child(1){top:20%;left:20%;animation-delay:0s}.particle:nth-child(2){top:60%;left:80%;animation-delay:2s}.particle:nth-child(3){top:80%;left:30%;animation-delay:4s}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.feedback-hero-content{position:relative;z-index:2}.feedback-badge{display:inline-flex;align-items:center;gap:.75rem;background:rgba(0,212,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.2);padding:.75rem 1.5rem;border-radius:50px;color:var(--primary-color);font-weight:600;font-size:.95rem;margin-bottom:2rem;box-shadow:0 8px 32px #00d4ff1a}.feedback-badge i{font-size:1.1rem}.feedback-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(135deg,#ffffff 0%,#00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.feedback-form-section{margin-bottom:4rem}.feedback-form{background:rgba(26,26,46,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.1);border-radius:24px;padding:3rem;box-shadow:0 20px 40px #0000004d;position:relative}.feedback-form:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,212,255,.05) 0%,transparent 50%,rgba(0,102,255,.05) 100%);border-radius:24px;pointer-events:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.form-group{position:relative;z-index:1}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group label i{color:var(--primary-color);font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.9rem;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);transition:all var(--transition-normal);font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 20px #00d4ff33;background:rgba(255,255,255,.08)}.form-actions{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.status-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-weight:500}.status-message.success{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.2);color:#0f8}.status-message.error{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.2);color:#ff6b6b}.action-buttons{display:flex;gap:1rem;justify-content:flex-end}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);min-width:140px;justify-content:center}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00d4ff66}.btn-secondary{background:rgba(255,255,255,.08);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:rgba(255,255,255,.12);border-color:#fff3;transform:translateY(-2px)}.feedback-form .form-group input.error,.feedback-form .form-group textarea.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.feedback-form .field-error{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:#dc3545;font-size:.875rem;font-weight:500}.feedback-form .field-error i{font-size:.75rem}.feedback-form .character-count{text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.feedback-form .character-count.warning{color:#f39c12}.feedback-form .character-count.error{color:#dc3545}.info-icon{width:60px;height:60px;background:linear-gradient(135deg,#00d4ff 0%,#0066ff 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem;color:#fff}@media (max-width: 768px){.feedback-container{padding:1rem}.feedback-form{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.alert{padding:1rem 1.5rem;margin:1rem 0;border-radius:12px;border:1px solid transparent;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);box-shadow:var(--glass-shadow);animation:slideIn .3s ease-out;position:relative;overflow:hidden}.alert:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor}.alert-success{background:rgba(76,175,80,.1);border-color:#4caf504d;color:#4caf50}.alert-success:before{background:#4caf50}.alert-error{background:rgba(244,67,54,.1);border-color:#f443364d;color:#f44336}.alert-error:before{background:#f44336}.alert-info{background:rgba(0,212,255,.1);border-color:#00d4ff4d;color:var(--primary-color)}.alert-info:before{background:var(--primary-color)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-update-step{margin:1rem 0}.step-indicator{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:.5rem 1rem;font-size:.875rem;color:var(--primary-color);display:inline-block;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-info{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem}.project-info strong{color:var(--text-primary);font-weight:600}.auth-actions{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.auth-actions .btn{padding:.75rem 1.5rem;font-size:.9rem;border-radius:10px}.auth-actions .btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.auth-actions .btn-secondary:hover{background:rgba(255,255,255,.1);color:var(--text-primary);transform:translateY(-1px)}.password-update-step .form-group{margin-bottom:1.5rem}.password-update-step .form-group label{display:block;margin-bottom:.6rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.password-update-step .form-group input{width:100%;padding:.875rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-update-step .form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 20px #00d4ff26;background:rgba(0,212,255,.05)}.auth-page .form-container{margin-top:2rem}.update-project-password-container .form-container{max-width:500px!important;width:100%;margin:2rem auto;padding:2.5rem}.update-project-password-container .step-indicator{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-weight:600;padding:.6rem 1.2rem;border-radius:25px;font-size:.9rem;text-align:center;margin:0 auto 1.5rem;display:block;width:fit-content;box-shadow:0 4px 15px #40e0d04d}.update-project-password-container .project-info{text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:15px;padding:1rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.update-project-password-container .password-update-step{margin:1.5rem 0}.update-project-password-container .step-description{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.update-project-password-container .form-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;align-items:center}.update-project-password-container .form-actions .btn{flex:1;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:12px;transition:all .3s ease}.update-project-password-container .form-actions .btn-secondary{background:var(--glass-bg);border:2px solid var(--glass-border);color:var(--text-secondary);max-width:120px}.update-project-password-container .form-actions .btn-secondary:hover{background:rgba(255,255,255,.15);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.update-project-password-container .form-actions .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;color:#fff;box-shadow:0 4px 15px #40e0d04d}.update-project-password-container .form-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #40e0d066}.update-project-password-container .form-actions.single-action{justify-content:center}.update-project-password-container .form-actions.single-action .btn{flex:none;min-width:250px}.update-project-password-container .password-update-step label{display:block;text-align:center;margin-bottom:1rem;color:var(--text-primary);font-weight:600;font-size:1rem}@media (max-width: 768px){.update-project-password-container .form-container{max-width:90%!important;padding:2rem 1.5rem;margin:1rem auto}.update-project-password-container .form-actions{flex-direction:column;gap:.75rem}.update-project-password-container .form-actions .btn{flex:none;width:100%}.update-project-password-container .form-actions .btn-secondary{max-width:none;order:2}.update-project-password-container .form-actions .btn-primary{order:1}}@media (max-width: 480px){.update-project-password-container .form-container{max-width:95%!important;padding:1.5rem 1rem;margin:.5rem auto}.update-project-password-container .step-indicator{font-size:.85rem;padding:.5rem 1rem}.update-project-password-container .form-actions.single-action .btn{min-width:200px}}.input-invalid{border-color:#ff4757!important;box-shadow:0 0 0 2px #ff475733!important;animation:shake .5s ease-in-out}.input-invalid:focus{border-color:#ff4757!important;box-shadow:0 0 0 3px #ff47574d!important}.validation-error{color:#ff4757;font-size:.85rem;margin-top:4px;display:flex;align-items:center;gap:4px;animation:fadeInError .3s ease-in-out}.validation-error i{font-size:.8rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes fadeInError{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-group.invalid{animation:pulse-error .6s ease-in-out}@keyframes pulse-error{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.profile-page-container,.form-container{padding-top:80px}body:has(.header.homepage-header) .dashboard-container,body:has(.header.homepage-header) .legal-page,body:has(.header.homepage-header) .about-page,body:has(.header.homepage-header) .faq-page,body:has(.header.homepage-header) .team-page-creative,body:has(.header.homepage-header) .profile-page-container{padding-top:80px}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.pulse-animation{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(0,212,255,.2))}to{filter:drop-shadow(0 0 15px rgba(0,212,255,.6))}}.about-badge,.faq-badge{display:inline-flex;align-items:center;gap:.75rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:.75rem 1.5rem;border-radius:30px;color:var(--primary-color);font-weight:600;font-size:.95rem;margin-bottom:2rem;box-shadow:var(--shadow-md)}.text-highlight{color:var(--primary-color);font-weight:600}.mission-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md)}.mission-text{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem}.mission-text:last-child{margin-bottom:0}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.value-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-md)}.value-icon{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem;height:60px;width:60px;background:rgba(0,212,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center}.value-title{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem}.value-description{color:var(--text-secondary);line-height:1.6}.card-glow-effect{position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(0,102,255,.2) 0%,transparent 70%);top:-75px;right:-75px;border-radius:50%}.code-line{height:12px;border-radius:6px;background:rgba(255,255,255,.1);margin-bottom:12px}.code-line:nth-child(1){width:70%}.code-line:nth-child(2){width:90%}.code-line:nth-child(3){width:60%}.code-line:nth-child(4){width:80%;margin-bottom:0}.section-header{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 20px;position:relative}.section-title{font-size:3rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.avatar-ring{position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border:2px solid transparent;border-radius:20px;background:linear-gradient(135deg,var(--primary-color),rgba(0,212,255,.3));animation:rotate 3s linear infinite;opacity:.8}.avatar-status-indicator{position:absolute;bottom:10px;right:10px;width:24px;height:24px;border-radius:50%;border:3px solid var(--bg-card);z-index:3}.avatar-status-indicator.online{background:#10b981;box-shadow:0 0 10px #10b98199}.specialties-header{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:1rem}.specialties-header i{color:var(--primary-color)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto;padding:0 2rem}.stat-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.stats-container{grid-template-columns:1fr;gap:1.5rem}.section-title{font-size:2.5rem}}.faq-search{margin-top:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1.25rem;color:var(--text-tertiary)}.search-input{width:100%;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50px;padding:1rem 3rem;color:var(--text-primary);font-size:1rem;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #00d4ff4d}.search-input::placeholder{color:var(--text-tertiary)}.search-clear-btn{position:absolute;right:1.25rem;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.search-clear-btn:hover{color:var(--primary-color);background:rgba(255,255,255,.1)}.faq-categories{margin:3rem 0}.categories-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.category-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.75rem 1.5rem;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:.75rem}.category-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.category-btn.active{background:rgba(0,212,255,.1);border-color:var(--primary-color);color:var(--primary-color)}.faq-list{display:flex;flex-direction:column;gap:1.25rem}.faq-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--glass-shadow)}.faq-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background var(--transition-normal)}.faq-question-content{display:flex;align-items:center;gap:1.25rem}.faq-icon{font-size:1.4rem;color:var(--primary-color);width:45px;height:45px;border-radius:50%;background:rgba(0,212,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-normal)}.faq-item.active .faq-icon{background:var(--primary-color);color:var(--bg-primary)}.faq-question{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.faq-toggle{color:var(--text-tertiary);font-size:1rem;transition:all var(--transition-normal)}.faq-item.active .faq-toggle{transform:rotate(180deg);color:var(--primary-color)}.faq-answer-container{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease}.faq-item.active .faq-answer-container{max-height:500px;padding:0 2rem 1.5rem 5.5rem}.faq-answer{color:var(--text-secondary);line-height:1.7;margin:0}.no-results{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.no-results i{font-size:2.5rem;color:var(--text-tertiary);margin-bottom:1.5rem}.no-results p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.reset-search-btn{background:rgba(0,212,255,.1);color:var(--primary-color);border:1px solid var(--primary-color);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.reset-search-btn:hover{background:rgba(0,212,255,.2)}@media (max-width: 768px){.values-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.faq-item.active .faq-answer-container{padding:0 1.5rem 1.5rem}.faq-question-content{gap:1rem}}.team-page-creative{min-height:100vh;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);position:relative;overflow-x:hidden}.team-container-creative{max-width:1400px;margin:0 auto;padding:0 2rem}.team-hero-creative{position:relative;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem;margin-bottom:4rem}.hero-background-creative{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(0,102,255,.05));animation:float 6s ease-in-out infinite}.shape-1{width:120px;height:120px;top:20%;left:10%;animation-delay:0s}.shape-2{width:80px;height:80px;top:60%;right:15%;animation-delay:2s}.shape-3{width:100px;height:100px;bottom:20%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(10,10,15,.3) 100%)}.team-badge-creative{display:inline-flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.3);padding:.75rem 1.5rem;border-radius:30px;color:var(--primary-color);font-weight:600;font-size:.95rem;margin-bottom:2rem;box-shadow:0 8px 32px #00d4ff1a;position:relative;z-index:2}.badge-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d4ff,#0066ff);border-radius:50%;color:#fff;font-size:.8rem}.team-title-creative{font-size:clamp(3rem,8vw,5rem);font-weight:900;margin-bottom:1.5rem;line-height:1.1;position:relative;z-index:2}.highlight-text{background:linear-gradient(135deg,#00d4ff 0%,#0066ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.team-subtitle-creative{font-size:1.3rem;color:#ffffffb3;line-height:1.6;max-width:600px;margin:0 auto;position:relative;z-index:2}.team-section-creative{margin-bottom:5rem;position:relative}.team-members-grid-creative{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:2rem 0}.team-member-card-creative{position:relative;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2.5rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.card-background-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.gradient-border{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:24px;padding:1px;background:linear-gradient(135deg,rgba(0,212,255,.3),transparent,rgba(0,102,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.glow-effect{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.team-member-card-creative:hover .glow-effect{opacity:1}.team-member-card-creative:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00d4ff33}.member-profile-creative{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;position:relative;z-index:2}.avatar-container-creative{position:relative;margin-bottom:1.5rem}.avatar-ring{position:absolute;top:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);border-radius:50%;background:linear-gradient(135deg,#00d4ff,#0066ff);animation:rotate 3s linear infinite;opacity:.8}.avatar-inner{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid rgba(10,10,15,.8)}.avatar-image-creative{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-fallback-creative{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d4ff,#0066ff);border-radius:50%}.avatar-initials-creative{color:#fff;font-size:2rem;font-weight:700}.status-indicator{position:absolute;bottom:8px;right:8px;width:16px;height:16px;border-radius:50%;border:3px solid rgba(10,10,15,.9)}.status-indicator.online{background:#10b981;box-shadow:0 0 10px #10b98180}.member-info-creative{text-align:center}.member-name-creative{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.member-role-creative{color:#00d4ff;font-weight:600;font-size:1rem}.member-bio-creative{color:#ffffffb3;line-height:1.6;text-align:center;margin-bottom:2rem;position:relative;z-index:2}.specialties-section-creative{margin-bottom:2rem;position:relative;z-index:2}.specialties-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#fffc;font-size:.9rem;font-weight:600}.specialty-tags-creative{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.specialty-tag-creative{background:rgba(0,212,255,.1);color:#00d4ff;padding:.4rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(0,212,255,.3);transition:all .2s ease}.specialty-tag-creative:hover{background:rgba(0,212,255,.2);transform:translateY(-2px)}.member-social-creative{display:flex;justify-content:center;gap:1rem;position:relative;z-index:2}.social-link-creative{position:relative;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.link-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,transparent,rgba(0,212,255,.2));opacity:0;transition:opacity .3s ease}.social-link-creative:hover .link-background{opacity:1}.social-link-creative:hover{transform:translateY(-3px);color:#fff;box-shadow:0 8px 25px #00d4ff4d}.social-link-creative.linkedin:hover{background:linear-gradient(135deg,#0077b5,#004182)}.social-link-creative.github:hover{background:linear-gradient(135deg,#333,#000)}.tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.9);color:#fff;padding:.3rem .6rem;border-radius:6px;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.social-link-creative:hover .tooltip{opacity:1}.card-hover-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,212,255,.05),transparent);opacity:0;transition:opacity .3s ease;border-radius:24px}.team-member-card-creative:hover .card-hover-effect{opacity:1}@media (max-width: 768px){.team-members-grid-creative{grid-template-columns:1fr;gap:1.5rem}.team-member-card-creative{padding:2rem}.team-title-creative{font-size:2.5rem}}@media (max-width: 480px){.team-hero-creative{padding:3rem 1rem}.team-container-creative{padding:0 1rem}}