*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;transition:background .3s ease,color .3s ease}[data-theme=dark] body{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc}[data-theme=light] body{background:linear-gradient(135deg,#f8fafc,#fff);color:#1e293b}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px}.btn{background:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;transition:background .3s}.btn:hover{background:#45a049}.input{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;margin-bottom:16px}.input:focus{outline:none;border-color:#4caf50}@media (max-width: 768px){.container{padding:10px}h1{font-size:2rem!important}.card{padding:16px}}.btn{transition:all .3s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}@media (max-width: 768px){.grid-responsive{grid-template-columns:1fr}}