:root{--gulf-blue: #5B7A9A;--gulf-light-blue: #7A92B0;--gulf-dark-blue: #4A5F7A;--gulf-orange: #FF8C5A;--ink: #111827;--ink-2: #374151;--muted: #6b7280;--muted-2: #9ca3af;--line: #e5e7eb;--card: rgba(255, 255, 255, .85);--card-shadow: 0 20px 25px -5px rgba(74, 95, 122, .1), 0 8px 10px -6px rgba(74, 95, 122, .1), 0 0 0 1px rgba(17, 24, 39, .05)}html,body{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}button{font:inherit}a{color:var(--gulf-blue)}a:hover{color:var(--gulf-orange)}.wordmark{font-weight:800;line-height:1;letter-spacing:-.025em;white-space:nowrap}.wordmark b{font-weight:inherit}.wordmark .wb{color:var(--gulf-blue)}.wordmark .wo{color:var(--gulf-orange)}.rule{height:3px;width:6rem;border-radius:999px;background:linear-gradient(90deg,var(--gulf-dark-blue),var(--gulf-orange))}.card{border-radius:1rem;background:var(--card);box-shadow:var(--card-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.field{display:flex;flex-direction:column;gap:.5rem}.field label{font-size:.875rem;font-weight:500;line-height:1.5rem;color:var(--gulf-dark-blue)}.input{width:100%;height:2.75rem;padding:0 .75rem;border:0;border-radius:.75rem;background:#fff;font-size:.9375rem;color:var(--ink);box-shadow:inset 0 0 0 1px #d1d5db;transition:box-shadow .12s}.input::placeholder{color:var(--muted-2)}.input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--gulf-blue)}.input:disabled{color:var(--muted);background:#f9fafb}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding:0 .75rem;border:0;border-radius:.75rem;font-size:.875rem;font-weight:600;line-height:1.5rem;cursor:pointer;transition:filter .12s,transform .12s;touch-action:manipulation}.btn:disabled{cursor:default;opacity:.6}.btn-primary{width:100%;color:#fff;background:linear-gradient(90deg,var(--gulf-dark-blue),var(--gulf-blue));box-shadow:0 1px 2px #0000000d}.btn-primary:not(:disabled):hover{background:linear-gradient(90deg,var(--gulf-blue),var(--gulf-light-blue))}.btn-link{height:auto;padding:0;background:none;color:var(--gulf-blue)}.btn-link:not(:disabled):hover{color:var(--gulf-orange)}.btn-ghost{background:none;color:var(--gulf-dark-blue);border-radius:999px;padding:0 1rem}.btn-ghost:hover{background:#ffffffb3}.msg{margin:0;font-size:.875rem;line-height:1.25rem;text-align:center;text-wrap:pretty}.msg-muted{color:var(--muted)}.msg-error{color:#b91c1c}.msg-ok{color:#15803d}.wl{display:inline-flex;flex-direction:column;align-items:center;gap:.75rem}.wl .wordmark{font-size:1.5rem}.wl .wb i{font-style:normal;display:inline-block;animation:wl-wave 2.2s ease-in-out calc(var(--i) * 90ms) infinite}.wl .wo{display:inline-block;animation:wl-wave 2.2s ease-in-out .75s infinite}@keyframes wl-wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-.14em)}}@media(prefers-reduced-motion:reduce){.wl .wb i,.wl .wo{animation:none}}