@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@400;500;700&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#10b981;--secondary-hover:#059669;--bg-dark:#020617;--bg-panel:#0f172a73;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-border:#ffffff14;--glass-highlight:#ffffff26;--glass-shadow:0 8px 32px 0 #00000080;--accent:#f43f5e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden;color:var(--text-main)!important}h1,h2,h3,h4,h5,h6,p,label,span{color:var(--text-main)}.text-muted{color:var(--text-muted)!important}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 15%,#6366f126,#0000 40%),radial-gradient(circle at 85% 30%,#10b98126,#0000 40%),radial-gradient(circle at 50% 80%,#f43f5e1a,#0000 40%);width:100vw;height:100vh;animation:15s ease-in-out infinite alternate bgPulse;position:fixed;top:0;left:0}@keyframes bgPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:600}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-left:1px solid var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:24px;padding:2.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffff08,#0000);width:50%;height:100%;animation:8s infinite shimmer;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.glass-panel:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 20px 40px #0009}.btn-primary{background:linear-gradient(135deg, var(--primary), #818cf8);color:#fff;cursor:pointer;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f14d}.btn-primary:after{content:"";background:linear-gradient(135deg,#0000,#fff3,#0000);width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0;transform:translate(-100%)}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:hover{border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--text-main);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 5px 15px #0003}input[type=text],input[type=password]{border:1px solid var(--glass-border);color:#fff;background:#02061799;border-radius:14px;width:100%;padding:1rem 1.25rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s;box-shadow:inset 0 2px 4px #0003}input[type=text]::placeholder{color:var(--text-muted);opacity:.7}input[type=text]:focus{border-color:var(--primary);background:#0f172acc;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #6366f140,inset 0 2px 4px #0000001a}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#020617cc}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fff3}.container{max-width:1200px;margin:0 auto;padding:2rem}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(20px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.text-gradient{background:linear-gradient(135deg,#a5b4fc 0%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.scanner-overlay{pointer-events:none;z-index:10;border:4px solid #6366f133;border-radius:24px;position:absolute;inset:0}.scanner-line{background:var(--primary);width:100%;height:4px;box-shadow:0 0 20px var(--primary), 0 0 40px var(--primary);opacity:.8;animation:3s ease-in-out infinite alternate scan;position:absolute;top:0;left:0}@keyframes scan{0%{opacity:0;top:0%}10%{opacity:.8}90%{opacity:.8}to{opacity:0;top:calc(100% - 4px)}}.target-box{animation:2s ease-in-out infinite pulse-target}@keyframes pulse-target{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.navbar{border-radius:100px;justify-content:space-between;align-items:center;margin:1.5rem 2rem;padding:1rem 2rem;display:flex}.nav-brand{align-items:center;gap:.75rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), #c084fc);border-radius:12px;justify-content:center;align-items:center;padding:.5rem;display:flex;box-shadow:0 4px 15px #4f46e566}.nav-links{gap:1rem;display:flex}.nav-link{color:var(--text-muted);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--text-main);background:#ffffff0d}.nav-link.active{color:#fff;background:#4f46e54d;box-shadow:inset 0 0 0 1px #4f46e580}.home-container{flex-direction:column;gap:4rem;padding:2rem 0;display:flex}.hero-section{text-align:center;max-width:800px;margin:0 auto;padding:4rem 1rem}.hero-title{margin-bottom:1.5rem;font-size:4rem;line-height:1.1}.hero-subtitle{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.hero-actions{justify-content:center;gap:1rem;display:flex}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.feature-icon{background:#ffffff0d;border-radius:20px;margin-bottom:1rem;padding:1.25rem;box-shadow:inset 0 0 0 1px #ffffff1a}.feature-card h3{font-size:1.5rem}.feature-card p{color:var(--text-muted);line-height:1.6}