@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--color-blue:#0078d7;--color-blue-hover:#006bbe;--color-blue-light:#ebf4ff;--color-bg:#fff;--color-bg-secondary:#f8f9fa;--color-bg-card:#fff;--color-border:#e5e7eb;--color-border-subtle:#f3f4f6;--color-text:#111827;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);max-width:100vw;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-blue{color:var(--color-blue)}.text-muted{color:var(--color-text-muted)}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-normal);padding:24px}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary{background-color:var(--color-blue);color:#fff;border-radius:var(--radius-full);transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:flex;box-shadow:0 2px 8px #0078d740}.btn-primary:hover{background-color:var(--color-blue-hover);box-shadow:0 4px 12px #0078d759}.btn-primary:active{transform:scale(.98)}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-label{color:var(--color-text);font-size:13px;font-weight:500}.input-field{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:11px 14px;font-family:inherit;font-size:15px}.input-field:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px #0078d71a}.input-field::placeholder{color:var(--color-text-light)}select.input-field{appearance:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236B7280%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}