:root{--bg-primary:#070a13;--bg-secondary:#0e1322;--bg-card:#12182bb3;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--accent-primary:#3b82f6;--accent-secondary:#06b6d4;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--border-color:#ffffff14;--border-color-active:#3b82f666;--glow-blue:0 0 25px #3b82f633;--glow-cyan:0 0 25px #06b6d433;--glow-success:0 0 25px #10b98140;--glow-danger:0 0 25px #ef444459;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-heading:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%,#3b82f60d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#06b6d40d 0%,#0000 45%);background-attachment:fixed;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:0 8px 32px #0000005e}.glass-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #00000073}.gradient-text{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.gradient-text-red{background:linear-gradient(135deg,#f43f5e 0%,#ef4444 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, #2563eb 100%);color:#fff;box-shadow:var(--glow-blue)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 30px #3b82f666}.btn-danger{background:linear-gradient(135deg, var(--accent-danger) 0%, #dc2626 100%);color:#fff;box-shadow:var(--glow-danger)}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 30px #ef44448c}.btn-success{background:linear-gradient(135deg, var(--accent-success) 0%, #059669 100%);color:#fff;box-shadow:var(--glow-success)}.btn-success:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 30px #10b98166}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-glass);border-color:var(--text-secondary)}.btn-icon{border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{border-color:var(--text-secondary);background:#ffffff1a;transform:scale(1.05)}.btn-icon.lock{color:var(--accent-danger)}.btn-icon.lock:hover{border-color:var(--accent-danger);background:#ef444426}.btn-icon.unlock{color:var(--accent-success)}.btn-icon.unlock:hover{border-color:var(--accent-success);background:#10b98126}.btn-icon.pay{color:var(--accent-secondary)}.btn-icon.pay:hover{border-color:var(--accent-secondary);background:#06b6d426}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-active{color:var(--accent-success);background:#10b9811a;border:1px solid #10b98133;box-shadow:0 0 10px #10b9810d}.badge-locked{color:var(--accent-danger);box-shadow:var(--glow-danger);background:#ef44441a;border:1px solid #ef444433;animation:2s infinite pulse}.badge-paid{color:var(--accent-secondary);background:#06b6d41a;border:1px solid #06b6d433;box-shadow:0 0 10px #06b6d40d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;height:0;overflow:hidden}to{opacity:1;height:auto}}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 12px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes lockOverlayAnimation{0%{filter:blur(10px);opacity:0;transform:scale(1.1)}to{filter:blur();opacity:1;transform:scale(1)}}.animate-fade{animation:.4s forwards fadeIn}.animate-slide{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#05070dd9;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.modal-content{width:90%;max-width:550px;padding:30px;animation:.35s cubic-bezier(.16,1,.3,1) slideUp}.form-group{margin-bottom:20px}.form-group label{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-control{border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-body);transition:all var(--transition-fast);background:#ffffff0a;padding:12px 16px;font-size:.95rem}.form-control:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none;box-shadow:0 0 15px #3b82f626}.form-control option{background-color:var(--bg-secondary);color:var(--text-primary)}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.connected{background-color:var(--accent-success);box-shadow:0 0 8px var(--accent-success)}.status-dot.disconnected{background-color:var(--accent-danger);box-shadow:0 0 8px var(--accent-danger)}.landing-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.hero-logo{align-items:center;gap:12px;margin-bottom:10px;font-size:3rem;display:flex}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:1.2rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}