:root{--background:#f5f3ff;--foreground:#171717;--primary:#1201c4;--secondary:#09008a;--button-bg:#160078;--button-hover:#020268;--font-sans:Arial,Helvetica,sans-serif;--font-mono:"Courier New",monospace}@theme inline{--color-background: var(--background); --color-foreground: var(--foreground); --font-sans: var(--font-sans); --font-mono: var(--font-mono); --color-primary: var(--primary); --color-secondary: var(--secondary);}@media (prefers-color-scheme:dark){:root{--background:#f1eded;--foreground:#8c8c8c;--primary:#4057ff;--secondary:#0004ff;--button-bg:#0519b2;--button-hover:#0602f0}}@keyframes fly{0%{transform:translate(-20vw)translateY(0)}to{transform:translate(120vw)translateY(0)}}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0;padding:0}button{background-color:var(--button-bg);color:#fff;cursor:pointer;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background .3s}button:hover{background-color:var(--button-hover)}input,select,textarea{border:1px solid #5e5f60;border-radius:.5rem;outline:none;width:100%;padding:.75rem;transition:border .3s,box-shadow .3s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(124,58,237,.3)}.card{background-color:#fff;border-radius:1rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px rgba(0,0,0,.1)}.card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.15)}h1,h2,h3,h4,h5{color:var(--primary);font-weight:700}a{color:var(--primary);text-decoration:none;transition:color .3s}a:hover{color:var(--secondary)}nav{z-index:50;background-color:#fff;width:100%;padding:1rem 2rem;position:fixed;top:0;box-shadow:0 2px 6px rgba(0,0,0,.1)}footer{background-color:var(--primary);color:#fff;text-align:center;padding:1.5rem}.input{border:1px solid #ccc;border-radius:.5rem;width:100%;margin-bottom:.75rem;padding:.75rem}.btn-primary{color:#fff;background-color:#004ffb;border-radius:.5rem;padding:.75rem 1.5rem;transition:background .3s}.btn-primary:hover{background-color:#0004ed}.btn-secondary{color:#333;background-color:#ddd;border-radius:.5rem;padding:.75rem 1.5rem}
