*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:20px}code{font-family:Fira Code,Courier New,monospace}.App{margin:0 auto;max-width:1400px}.container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;margin-top:20px;padding:40px}.error-message{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;padding:30px;text-align:center}.error-message h3{color:#dc2626;font-size:24px;margin-bottom:15px}.error-message p{color:#64748b;font-size:16px;margin-bottom:20px}.btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f1f5f9;color:#1a1a2e}.btn-secondary:hover{background:#e2e8f0}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#dc2626;box-shadow:0 4px 12px #dc262640;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.stop-scan-btn{margin:8px 0 20px;min-width:180px}@media (max-width:768px){.container{padding:24px}}.header{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:24px 32px}.header-content{justify-content:flex-start}.header-content,.logo-section{align-items:center;display:flex;gap:20px}.logo-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;display:flex;font-size:32px;height:56px;justify-content:center;width:56px}.logo-text h1{color:#1a1a2e;font-size:28px;font-weight:900;margin-bottom:4px}.logo-text p{color:#64748b;font-size:13px;font-weight:500}@media (max-width:768px){.header{padding:20px 24px}.logo-icon{font-size:28px;height:48px;width:48px}.logo-text h1{font-size:22px}.logo-text p{font-size:12px}}.auth-form{margin:0 auto;max-width:420px}.auth-form h2{color:#1a1a2e;font-size:24px;margin-bottom:8px}.auth-form .subtitle{color:#64748b;font-size:14px;margin-bottom:28px}.form-field{margin-bottom:18px;text-align:left}.form-field label{color:#1a1a2e;display:block;font-size:13px;font-weight:700;margin-bottom:6px}.form-field input{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:15px;padding:12px 14px;width:100%}.form-field input:focus{border-color:#3b82f6;outline:none}.form-hint{color:#94a3b8;font-size:12px;margin-top:4px}.auth-form .btn{margin-top:8px;width:100%}.auth-switch{color:#64748b;font-size:14px;margin-top:20px}.auth-switch button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:700;padding:0}.home-page h2{color:#1a1a2e;font-size:26px;margin-bottom:8px}.home-page .subtitle{color:#64748b;font-size:15px;margin-bottom:28px}.home-page .btn-secondary{width:auto}.home-page nav{margin-bottom:24px}.home-page nav a{color:#3b82f6;font-size:14px;font-weight:700;margin-right:20px;text-decoration:none}.home-page nav a:hover{text-decoration:underline}.coming-soon-page{padding:40px 0;text-align:center}.coming-soon-page h2{color:#1a1a2e;font-size:36px;margin-bottom:12px}.coming-soon-page .subtitle{color:#64748b;font-size:16px;margin-bottom:32px}.coming-soon-page .actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.coming-soon-page .btn{display:inline-block;text-decoration:none}