@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg:#07040d;--bg-2:#0f0a1a;--panel:#ffffff0a;--panel-hover:#ffffff12;--border:#ffffff1a;--border-accent:#8b5cf666;--purple:#8b5cf6;--purple-2:#a78bfa;--purple-dim:#8b5cf626;--green:#22c55e;--green-dim:#22c55e26;--danger:#ef4444;--danger-dim:#ef444426;--text:#f1f5f9;--muted:#94a3b8;--muted-2:#64748b;--font:"Inter", -apple-system, system-ui, sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 20px 60px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:800;line-height:1.2}p{line-height:1.65}a{color:var(--purple-2);text-decoration:none}a:hover{color:var(--purple)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--purple-2);margin-bottom:.75rem;font-size:.78rem;font-weight:700;display:block}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .18s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--purple);color:#fff}.btn-primary:not(:disabled):hover{background:var(--purple-2);color:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #8b5cf666}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:not(:disabled):hover{background:var(--panel-hover);border-color:var(--border-accent);color:var(--text)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid #ef44444d}.btn-danger:not(:disabled):hover{background:#ef444440}.btn-lg{border-radius:var(--radius);padding:1rem 2rem;font-size:1.05rem}.btn-sm{padding:.45rem .9rem;font-size:.82rem}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font);background:#0000004d;outline:none;padding:.875rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #8b5cf626}input::placeholder{color:var(--muted-2)}label{color:var(--muted);margin-bottom:.45rem;font-size:.85rem;font-weight:500;display:block}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem}.card-glow{border-color:var(--border-accent);background:linear-gradient(135deg,#8b5cf61a,#8b5cf608);box-shadow:0 0 40px #8b5cf61a}.badge{border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-active{background:var(--green-dim);color:var(--green);border:1px solid #22c55e4d}.badge-inactive{background:var(--danger-dim);color:var(--danger);border:1px solid #ef44444d}.badge-pending{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;padding:.9rem 1rem}th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#0003;font-size:.78rem;font-weight:600}tr:last-child td{border-bottom:none}tr:hover td{background:var(--panel-hover)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal-box{border:1px solid var(--border-accent);width:100%;max-width:460px;box-shadow:var(--shadow);background:#110d1c;border-radius:16px;padding:2rem;animation:.2s slide-up}.modal-box h2{margin-bottom:1.5rem;font-size:1.4rem}.navbar{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07040dcc;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text);align-items:center;gap:.75rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.navbar-brand img{height:32px}.navbar-links{align-items:center;gap:1.5rem;display:flex}.navbar-links a{color:var(--muted);font-size:.9rem;font-weight:500;transition:color .2s}.navbar-links a:hover{color:var(--text)}.hero{text-align:center;justify-content:center;align-items:center;min-height:90vh;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% -20%,#8b5cf640 0%,#0000 70%);position:absolute;inset:0}.hero-content{z-index:1;max-width:860px;position:relative}.hero-badge{background:var(--purple-dim);border:1px solid var(--border-accent);color:var(--purple-2);border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.hero-title{margin-bottom:1.5rem;font-size:clamp(2.8rem,6vw,5rem);font-weight:900;line-height:1.1}.hero-title .highlight{background:linear-gradient(135deg, var(--purple), var(--purple-2), #c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--muted);max-width:580px;margin:0 auto 2.5rem;font-size:1.2rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.section{max-width:1140px;margin:0 auto;padding:6rem 2rem}.section-center{text-align:center}.section-title{margin-bottom:1rem;font-size:clamp(1.8rem,3.5vw,2.8rem)}.section-sub{color:var(--muted);max-width:540px;margin:0 auto 3.5rem;font-size:1.05rem;line-height:1.7}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:border-color .2s,transform .2s,box-shadow .2s}.feature-card:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:0 12px 40px #8b5cf61f}.feature-icon{border-radius:var(--radius-sm);background:var(--purple-dim);border:1px solid var(--border-accent);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.feature-card h3{margin-bottom:.5rem;font-size:1.15rem}.feature-card p{color:var(--muted);font-size:.9rem;line-height:1.6}.steps-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.step{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:2rem}.step-num{background:linear-gradient(135deg, var(--purple), var(--purple-2));border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 1.25rem;font-size:1rem;font-weight:800;display:flex}.step h3{margin-bottom:.4rem;font-size:1rem}.step p{color:var(--muted);font-size:.88rem}.price-card{border:1px solid var(--border-accent);text-align:center;background:linear-gradient(135deg,#8b5cf61f,#8b5cf60a);border-radius:16px;max-width:400px;margin:0 auto;padding:2.5rem;box-shadow:0 0 60px #8b5cf61a}.price-amount{margin:1rem 0 .25rem;font-size:3.5rem;font-weight:900}.price-sub{color:var(--muted);margin-bottom:2rem;font-size:.9rem}.price-features{text-align:left;flex-direction:column;gap:.75rem;margin-bottom:2rem;list-style:none;display:flex}.price-features li{align-items:center;gap:.6rem;font-size:.92rem;display:flex}.price-features li:before{content:"✓";color:var(--green);font-weight:700}footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);margin-top:auto;padding:2rem;font-size:.85rem}.auth-page{background:radial-gradient(70% 50% at 50% 0,#8b5cf633 0%,#0000 70%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{border:1px solid var(--border-accent);width:100%;max-width:420px;box-shadow:var(--shadow);background:#0f0a1ae6;border-radius:16px;padding:2.5rem}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo h1{font-size:1.8rem}.auth-logo p{color:var(--muted);margin-top:.4rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-error{background:var(--danger-dim);border-radius:var(--radius-sm);color:var(--danger);border:1px solid #ef44444d;padding:.75rem 1rem;font-size:.85rem}.auth-success{background:var(--green-dim);border-radius:var(--radius-sm);color:var(--green);text-align:center;border:1px solid #22c55e4d;padding:1rem;font-size:.9rem}.auth-hero{flex-direction:column;align-items:center;gap:.8rem;margin-bottom:1.75rem;display:flex}.auth-hero-logo{object-fit:contain;filter:drop-shadow(0 0 22px #8b5cf673)drop-shadow(0 0 48px #a78bfa33);width:132px;height:132px;animation:4s ease-in-out infinite float}.auth-hero-brand{object-fit:contain;width:auto;height:30px}.auth-hero-title{text-align:center;letter-spacing:.02em;margin:0;font-family:Rajdhani,Inter,sans-serif;font-size:1.75rem}.auth-hero-subtitle{text-align:center;color:var(--muted);max-width:30rem;font-size:.92rem;line-height:1.6}.auth-mail-note{color:var(--muted);background:#8b5cf614;border:1px solid #8b5cf62e;border-radius:.9rem;padding:.95rem 1rem;font-size:.85rem;line-height:1.6}.auth-code-group{flex-wrap:nowrap;justify-content:center;gap:.6rem;display:flex}.auth-code-input{text-align:center;letter-spacing:.06em;border:1px solid var(--border);background:#ffffff08;border-radius:.8rem;height:3.4rem;padding:0;font-family:Rajdhani,Inter,sans-serif;font-size:1.35rem;font-weight:800;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 0 0 1px #0000;width:3.1rem!important}.auth-code-input:focus{border-color:#8b5cf6e6;transform:translateY(-1px);box-shadow:0 0 0 3px #8b5cf62e,0 0 28px #8b5cf61f}.auth-code-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.auth-code-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.client-layout{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem}.client-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.78rem;font-weight:500}.stat-card .value{font-size:1.6rem;font-weight:800}.admin-layout{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.4s fade-in}.animate-up{animation:.4s slide-up}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (width<=640px){.auth-card{padding:1.75rem 1.15rem}.auth-hero-logo{width:106px;height:106px}.auth-code-group{gap:.35rem}.auth-code-input{height:3rem;font-size:1.15rem;width:2.6rem!important}}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}a img,button img{pointer-events:auto}h1,h2,h3,.hero-title,.price-amount,.step-num{font-family:Rajdhani,Inter,sans-serif}@keyframes border-glow{0%{box-shadow:0 0 30px #8b5cf680,0 0 60px #8b5cf633}50%{box-shadow:0 0 50px #a78bfab3,0 0 100px #8b5cf64d}to{box-shadow:0 0 30px #6d28d980,0 0 60px #6d28d933}}.loader-pulse{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:130px;height:130px;animation:1.8s ease-in-out infinite pulse-glow}.loader-text{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.9rem;animation:1.4s ease-in-out infinite blink}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 12px #8b5cf680);transform:scale(1)}50%{filter:drop-shadow(0 0 28px #8b5cf6e6);transform:scale(1.08)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.navbar-brand img{width:auto!important;height:52px!important}.navbar-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-hamburger span{background:var(--text);border-radius:2px;width:22px;height:2px;transition:all .2s;display:block}.btn-glow{letter-spacing:.03em;font-weight:700;position:relative;overflow:hidden;box-shadow:0 4px 20px #8b5cf673;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#a78bfa)!important}.btn-glow:after{content:"";background:linear-gradient(135deg,#0000,#ffffff1f,#0000);transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}.btn-glow:hover:after{transform:translate(100%)}.btn-glow:hover{color:#fff!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 8px 32px #8b5cf6a6!important}.hero:after{content:"";pointer-events:none;background:radial-gradient(60% 40% at 20% 80%,#8b5cf614 0%,#0000 60%),radial-gradient(40% 30% at 80% 20%,#a78bfa0f 0%,#0000 60%);position:absolute;inset:0}.hero-logo{margin-bottom:1.5rem}.hero-logo-img{object-fit:contain;filter:drop-shadow(0 0 40px #8b5cf6b3);width:auto;height:140px;animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{left:var(--x);top:var(--y);background:var(--purple-2);opacity:0;width:4px;height:4px;animation:particle-float 5s var(--delay) ease-in-out infinite;border-radius:50%;position:absolute}@keyframes particle-float{0%{opacity:0;transform:translateY(0)scale(1)}30%{opacity:.7}to{opacity:0;transform:translateY(-60px)scale(.3)}}.hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-top:3rem;display:flex}.stat-item{text-align:center}.stat-num{background:linear-gradient(135deg, var(--purple), var(--purple-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Rajdhani,sans-serif;font-size:1.8rem;font-weight:900;display:block}.stat-label{color:var(--muted);letter-spacing:.05em;font-size:.78rem;font-weight:500}.stat-divider{background:var(--border);width:1px;height:40px}.animate-down{animation:.5s both slide-down}@keyframes slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.section-wrapper.alt{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#8b5cf608}.feature-card{position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf60f,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.feature-card:hover:before{left:150%}.price-badge{color:#000;letter-spacing:.05em;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:800;display:inline-block}.price-features li:before{content:""!important}.faq-accordion{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;padding:1.25rem 1.5rem;transition:border-color .2s,box-shadow .2s}.faq-accordion:hover,.faq-accordion.open{border-color:var(--border-accent);box-shadow:0 4px 20px #8b5cf61a}.faq-accordion-q{justify-content:space-between;align-items:center;gap:1rem;font-size:.95rem;font-weight:600;display:flex}.faq-chevron{color:var(--purple);flex-shrink:0;font-size:.7rem}.faq-accordion-a{color:var(--muted);border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem;font-size:.9rem;line-height:1.65}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.faq-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s}.faq-item:hover{border-color:var(--border-accent)}.faq-q{margin-bottom:.5rem;font-size:.95rem}.faq-a{color:var(--muted);font-size:.88rem;line-height:1.6}.cta-block{text-align:center;border:1px solid var(--border-accent);background:linear-gradient(135deg,#8b5cf61a,#8b5cf608);border-radius:1.25rem;padding:4rem 2rem}.site-footer{border-top:1px solid var(--border);text-align:center;margin-top:auto;padding:3rem 2rem 2rem}.footer-logo{margin-bottom:1rem}.footer-logo img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.footer-links{justify-content:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.footer-links a{color:var(--muted);font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--purple-2)}.footer-legal{color:var(--muted-2);font-size:.78rem;line-height:1.7}@media (width<=640px){.navbar{padding:.75rem 1rem}.navbar-hamburger{display:flex}.navbar-links{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07040df7;flex-direction:column;gap:1rem;padding:1.5rem;display:none;position:absolute;top:70px;left:0;right:0}.navbar-links.open{display:flex}.hero-logo-img{height:90px}.hero-stats{gap:1rem}.stat-divider{display:none}.form-row{grid-template-columns:1fr!important}}