:root{--color-primary:#0070f3;--color-secondary:#00a37a;--color-accent:#ff6b6b;--color-background:#f7f7f7;--color-surface:#fff;--color-text:#333;--color-muted-text:#888;--color-highlight:gold;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-base:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-xxl:32px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-background);color:var(--color-text);width:100%;height:100%;overflow-x:hidden}h1{font-size:var(--font-size-xl);color:var(--color-primary)}h2{font-size:var(--font-size-lg);color:var(--color-surface)}p{font-size:var(--font-size-base);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-primary);color:var(--color-surface);padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:var(--color-secondary)}input,textarea{font-family:var(--font-family);font-size:var(--font-size-base);border:1px solid var(--color-muted-text);padding:.5rem;border-radius:4px;width:100%}input:focus,textarea:focus{border-color:var(--color-primary);outline:none}.card{background-color:var(--color-surface);padding:1rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}