:root{--color-primary: #D35400;--color-secondary: #27AE60;--color-bg: #FDF6E3;--color-text: #2C3E50;--color-card-bg: #FFFFFF;--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--radius-md: 12px;--font-main: "Inter", sans-serif}body{margin:0;font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:700;color:var(--color-primary)}.btn{display:inline-block;padding:12px 24px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card{background:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s}.container{max-width:600px;margin:0 auto;padding:20px}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.flex-col{flex-direction:column}.gap-4{gap:1rem}