@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-color: #050510;--text-main: #ffffff;--text-muted: #b8c5d6;--primary-accent: #00ff88;--primary-yellow: #ccff00;--primary-blue: #2196F3;--secondary-accent: #7b2cbf;--gradient-brand: linear-gradient(135deg, var(--primary-blue), var(--primary-accent), var(--primary-yellow));--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-glow: rgba(0, 255, 136, .1);--transition-speed: .3s;--bg-dynamic: #050510;--text-dynamic: #ffffff;--text-muted-dynamic: #b8c5d6;--glass-bg-dynamic: rgba(255, 255, 255, .05);--glass-border-dynamic: rgba(255, 255, 255, .1);--shadow-intensity: .2;--text-shadow-glow: rgba(0, 255, 136, .4);--gradient-start: #ffffff}[data-theme=light]{--bg-dynamic: #F2F4F8;--text-dynamic: #1A1A2E;--text-muted-dynamic: #4A5B75;--text-muted: #4A5B75;--primary-accent: #00A355;--secondary-accent: #6220A3;--glass-bg-dynamic: rgba(255, 255, 255, .75);--glass-border-dynamic: rgba(0, 0, 0, .1);--shadow-intensity: .1;--text-shadow-glow: rgba(0, 163, 85, .1);--gradient-start: #1A1A2E}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dynamic, var(--bg-color));color:var(--text-dynamic, var(--text-main));font-family:Outfit,sans-serif;overflow-x:hidden;line-height:1.5;letter-spacing:.08em;transition:background-color 1s ease,color .5s ease}.ambient-glow{position:fixed;width:600px;height:600px;background:radial-gradient(circle,#7b2cbf14,#05051000 70%);top:-100px;left:-100px;z-index:-1;pointer-events:none;animation:float 10s ease-in-out infinite}.ambient-glow-2{position:fixed;width:500px;height:500px;background:radial-gradient(circle,#00ff880f,#05051000 70%);bottom:-100px;right:-100px;z-index:-1;pointer-events:none;animation:float-delayed 15s ease-in-out infinite}.glass{background:var(--glass-bg-dynamic, rgba(255, 255, 255, .03));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-dynamic, rgba(255, 255, 255, .12));box-shadow:0 4px 24px -1px rgba(0,0,0,var(--shadow-intensity, .2));transition:background .5s ease,border-color .5s ease}.glass-card{border-radius:24px;padding:2rem;transition:var(--transition-speed)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem max(2rem,calc((100% - 1200px)/2 + 2rem));display:flex;justify-content:space-between;align-items:center;background:color-mix(in srgb,var(--bg-dynamic, #050510) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border-dynamic, rgba(255, 255, 255, .05));transition:background .5s ease,border-color .5s ease}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-muted-dynamic, rgba(255, 255, 255, .7));text-decoration:none;font-weight:500;transition:color var(--transition-speed),text-shadow var(--transition-speed);position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-dynamic, #fff)}.nav-links a.active{text-shadow:0 0 8px var(--text-shadow-glow),0 0 20px rgba(0,255,136,1)}.nav-utils{display:flex;align-items:center;gap:.75rem}.btn-icon{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s ease}.btn-icon:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.btn-login{padding:.5rem 1.25rem;border-radius:100px;border:1px solid var(--primary-accent);background:transparent;color:var(--primary-accent);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease}.btn-login:hover{background:var(--primary-accent);color:var(--bg-color)}.logo{font-size:1.5rem;font-weight:800;color:#fff;text-decoration:none;cursor:pointer}.logo-img{height:35px;width:auto;vertical-align:middle;color:var(--text-dynamic, #fff)}.neon-i-img{height:.73em;vertical-align:baseline;margin-left:-3px;margin-right:-1px;animation:lighthouse-pulse 2s ease-in-out infinite}@keyframes lighthouse-pulse{0%,to{filter:drop-shadow(0 0 3px rgba(0,255,136,.6));opacity:.9}50%{filter:drop-shadow(0 0 15px rgba(0,255,136,1)) drop-shadow(0 0 30px rgba(0,255,136,.8));opacity:1}}.hero{min-height:80vh;display:flex;align-items:center;position:relative;padding:4rem 0}.hero-content{max-width:600px;z-index:2;position:relative}h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;font-weight:800}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}p.lead{font-size:1.35rem;color:var(--text-dynamic, rgba(255, 255, 255, .9));opacity:.9;margin-bottom:2.5rem;font-weight:400}.btn{display:inline-block;padding:1rem 2.5rem;border-radius:100px;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap}.btn-primary{background:var(--gradient-brand);color:#050510;border:1px solid var(--glass-border-dynamic, rgba(255, 255, 255, .3));box-shadow:0 4px 15px rgba(0,0,0,var(--shadow-intensity, .2));position:relative;overflow:hidden;z-index:1}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(115deg,transparent 0%,rgba(0,255,136,.4) 45%,rgba(255,255,255,.8) 50%,rgba(123,44,191,.4) 55%,transparent 100%);z-index:-1;transform:translate(var(--hologram-pos, -150%));transition:transform .1s linear;will-change:transform}.btn-primary:hover:before{filter:brightness(1.2)}[data-theme=light] .btn-primary{color:#050510;background:var(--gradient-brand);border-color:transparent;font-weight:700}[data-theme=light] .btn-primary:hover{background:#00a3551a;color:#000;border-color:var(--primary-accent)}.btn-primary:hover{border-color:#ffffffe6;box-shadow:0 8px 32px #0f86,inset 0 0 20px #ffffff4d;transform:translateY(-2px) scale(1.05);text-shadow:0 0 10px rgba(255,255,255,.9)}.features{padding:5rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-icon{font-size:2rem;margin-bottom:1rem;color:var(--primary-accent)}.glass-card h3{margin-bottom:.5rem;font-size:1.25rem}.glass-card p{color:var(--text-muted);font-size:.95rem}.download-section{text-align:center;padding:6rem 0}@keyframes float{0%{transform:translate(0)}50%{transform:translate(20px,20px)}to{transform:translate(0)}}@keyframes float-delayed{0%{transform:translate(0)}50%{transform:translate(-30px,40px)}to{transform:translate(0)}}@media (max-width: 768px){h1{font-size:2.5rem}}.cyber-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#050510cc,#050510),repeating-linear-gradient(transparent 0,transparent 49px,rgba(0,255,136,.05) 50px),repeating-linear-gradient(90deg,transparent 0,transparent 49px,rgba(0,255,136,.05) 50px);background-size:100% 100%,100px 100px,100px 100px;animation:cyber-grid-scroll 20s linear infinite}@keyframes cyber-grid-scroll{0%{background-position:center,0 0,0 0}to{background-position:center,50px 50px,50px 50px}}.terminal-window{background:#0a0a14f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-family:Courier New,monospace;padding:0;box-shadow:0 20px 50px #00000080;overflow:hidden;margin-top:2rem}.terminal-header{background:#ffffff0d;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.terminal-title{margin-left:15px;font-size:.8rem;color:#888}.terminal-body{padding:1.5rem;color:var(--primary-accent);font-size:.8rem;line-height:1.5}.command{margin-bottom:.5rem}.output{color:#ccc;margin-bottom:1rem;opacity:.8}.cursor{display:inline-block;width:8px;height:15px;background:var(--primary-accent);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.process-icon{width:100px;height:100px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:3rem;color:var(--primary-accent);box-shadow:0 0 20px #00ff881a}.hero-bg-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 2s ease-in-out}.hero-slide.active{opacity:1;transition:opacity 2s ease-in-out}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0505104d,#050510);z-index:1}[data-theme=light] .hero-overlay{background:linear-gradient(#ffffff4d,#fff)}.card-overlay-dim{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f0f1999;z-index:1}[data-theme=light] .card-overlay-dim{background:#ffffff1a}.nav-utils{position:relative}.lang-dropdown{position:absolute;top:120%;right:0;min-width:200px;padding:.75rem;border-radius:16px;background:#14141ed9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-15px) scale(.95);transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1),visibility .2s ease;transform-origin:top right}.lang-dropdown.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.lang-option{display:flex;align-items:center;gap:.85rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-muted, #888);font-family:Outfit,sans-serif;font-size:.95rem;cursor:pointer;border-radius:10px;transition:all .2s ease;text-align:left;position:relative;overflow:hidden}.lang-option:hover{background:#ffffff14;color:#fff;padding-left:1.25rem}.lang-option.active{background:#00ff881a;color:var(--primary-accent, #00ff88);border:1px solid rgba(0,255,136,.2)}.lang-option.active:after{content:"";position:absolute;right:1rem;width:6px;height:10px;border:solid var(--primary-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.lang-flag{font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.lang-native{font-weight:500}.lang-dropdown{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.lang-dropdown::-webkit-scrollbar{width:4px}.lang-dropdown::-webkit-scrollbar-track{background:transparent}.lang-dropdown::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}[data-theme=light] .btn-icon{border-color:#00000026;background:#0000000d;color:#000000b3}[data-theme=light] .btn-icon:hover{background:#0000001a;color:#000;border-color:#0000004d}.hamburger{display:none;background:none;border:none;color:var(--text-dynamic);font-size:1.8rem;cursor:pointer;z-index:1001;padding:.5rem;line-height:0}@media (max-width: 768px){.hamburger{display:block}.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:#000c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease-in-out;z-index:999;gap:2rem;box-shadow:-5px 0 15px #00000080}[data-theme=light] .nav-links{background:#ffffffe6;color:#000}.nav-links.mobile-active{right:0}.nav-links a{font-size:1.2rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:1;visibility:visible;transition:all .3s ease}.modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-content{width:100%;max-width:420px;padding:2.5rem;position:relative;transform:translateY(0);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);background:var(--glass-bg-dynamic)}.modal-overlay.hidden .modal-content{transform:translateY(20px)}.close-modal-btn{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;transition:color .2s}.close-modal-btn:hover{color:var(--primary-accent)}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h2{font-size:1.8rem;margin-bottom:.5rem;color:var(--text-dynamic)}.modal-header p{color:var(--text-muted);font-size:.95rem}.auth-options{display:flex;flex-direction:column;gap:1rem}.btn-google-login{background:#fff;color:#333;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;gap:10px;padding:.8rem;border-radius:12px;font-weight:600;cursor:pointer;transition:background .2s;width:100%;font-size:1rem}.btn-google-login:hover{background:#f5f5f5}.btn-google-login ion-icon{font-size:1.2rem}[data-theme=light] .btn-google-login{background:#fff;border:1px solid #ccc;color:#444}[data-theme=light] .btn-google-login:hover{background:#f9f9f9}.auth-divider{display:flex;align-items:center;text-align:center;margin:.5rem 0;color:var(--text-muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .auth-divider:before,[data-theme=light] .auth-divider:after{border-bottom:1px solid rgba(0,0,0,.1)}.auth-divider span{padding:0 10px}.input-group{position:relative;margin-bottom:1rem}.input-group ion-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.2rem}.input-group input{width:100%;padding:.9rem 1rem .9rem 3rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-dynamic);font-size:1rem;outline:none;transition:all .3s;font-family:Outfit,sans-serif}[data-theme=light] .input-group input{background:#00000008;border-color:#0000001a;color:var(--text-dynamic)}.input-group input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 2px #00ff881a;background:#ffffff1a}[data-theme=light] .input-group input:focus{background:#fff}.full-width{width:100%;margin-top:.5rem;justify-content:center;border:none}.modal-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--text-muted)}.modal-footer a{color:var(--primary-accent);text-decoration:none;font-weight:600}.modal-footer a:hover{text-decoration:underline}
