:root{--background:#fff;--foreground:#333;--primary:#007982;--primary-hover:#006068;--secondary:#4c9b9d;--surface:#fff;--border:#ddd;--radius:4px;--shadow:0 2px 4px #0000000d}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);max-width:100vw;color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}body{min-height:100vh}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:.625rem;font-family:inherit;font-size:.875rem}input:focus,select:focus{border-color:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius);text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1.5rem;font-weight:700}.btn-primary:hover{background-color:var(--primary-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.3s ease-in fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}