@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:700;color:#1976d2;background-color:#f1f4f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color .5s ease,background-color .5s ease}.dark{color:#90caf9;background-color:#1e293b}html{transition:color .5s ease,background-color .5s ease}body{margin:0;min-width:320px;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f1f4f8;transition:background-color .5s ease}.dark body{background:#1e293b}h1,h2,h3,h4,h5,h6{font-weight:900;color:#1976d2;text-align:center;margin:.5em 0;letter-spacing:.02em;transition:color .5s ease}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#90caf9}a{font-weight:700;color:#1976d2;text-decoration:none;transition:color .5s ease}.dark a{color:#90caf9}a:hover{color:#0d47a1}.dark a:hover{color:#bbdefb}.card-center{background:#ffffffd9;border-radius:2.5rem;box-shadow:0 8px 32px #2196f329;padding:3rem 2.5rem;max-width:700px;margin:2rem auto;display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:fadeIn .7s cubic-bezier(.4,0,.2,1);transition:background-color .5s ease,box-shadow .5s ease}.dark .card-center{background:#1e293bd9;box-shadow:0 8px 32px #0f172a4d}input,select{font-size:2rem;font-weight:700;border-radius:2.5rem;border:2px solid #90caf9;padding:1.2rem 2rem;margin:1rem 0;background:#fffc;color:#1976d2;outline:none;box-shadow:0 2px 12px #2196f314;transition:border .5s ease,box-shadow .5s ease,background-color .5s ease,color .5s ease;width:100%;max-width:420px}.dark input,.dark select{background:#1e293bcc;color:#90caf9;border:2px solid #334155}input:focus,select:focus{border:2.5px solid #1976d2;box-shadow:0 4px 24px #2196f329}.dark input:focus,.dark select:focus{border:2.5px solid #90caf9;box-shadow:0 4px 24px #90caf933}button{border-radius:2.5rem;border:2px solid #90caf9;padding:1.2rem 3rem;font-size:2.2rem;font-weight:900;font-family:inherit;background:#fffffff2;color:#1976d2;cursor:pointer;margin:1rem 0;box-shadow:0 8px 32px #2196f329;transition:border .5s ease,box-shadow .5s ease,transform .15s ease,background-color .5s ease,color .5s ease;display:flex;align-items:center;justify-content:center;gap:1.2rem}.dark button{background:#1e293bf2;color:#90caf9;border:2px solid #334155;box-shadow:0 8px 32px #0f172a4d}button:hover,button:focus{border:2.5px solid #1976d2;box-shadow:0 12px 48px #2196f338;transform:scale(1.04);background:#e3f2fd}.dark button:hover,.dark button:focus{border:2.5px solid #90caf9;box-shadow:0 12px 48px #90caf933;transform:scale(1.04);background:#334155}@keyframes fadeIn{0%{opacity:0;transform:translateY(32px) scale(.98)}to{opacity:1;transform:none}}@media (max-width: 640px){.card-center{padding:1.2rem .5rem;max-width:98vw}input,select{font-size:1.2rem;padding:.7rem 1rem}button{font-size:1.2rem;padding:.7rem 1.2rem}}*,*:before,*:after{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}