:root {
    --grad-start:#667eea;
    --grad-end:#764ba2;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif;}
body{background:#f4f5f7;}
.grad-bg{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));color:#fff;}
.card{background:#fff;border-radius:12px;padding:16px;margin:12px;box-shadow:0 2px 12px #00000014;}
button{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;}
.btn-primary{background:linear-gradient(135deg,var(--grad-start),var(--grad-end));color:#fff;}
input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;margin:8px 0;}