:root{--color-bg:#e9eaf2;--color-primary:#ff9800;--color-text:#444b5a;--color-accent:#7c8696;--color-card:#d3d5e3;--color-white:#fff}[data-theme=dark]{--color-bg:#23242a;--color-primary:#ff9800;--color-text:#f5f5f5;--color-accent:#b0b3c6;--color-card:#35374a;--color-white:#23242a}body,html{background:var(--color-bg);color:var(--color-text);font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;padding:0;min-height:100vh}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:700}button{background:var(--color-primary);color:var(--color-white);border:none;border-radius:12px;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}button:hover{background:#e68900}.card{background:var(--color-card);border-radius:18px;box-shadow:0 2px 12px rgba(44,50,70,.07);padding:2rem}@media(max-width:900px){.card{padding:1.2rem}h1{font-size:2rem}}@media(max-width:600px){body,html{font-size:15px}.card{padding:.7rem}}