:root{--brand-red: #FF0000;--brand-green: #059669;--brand-green-dark: #006e4b;--brand-yellow: #FFF200;--brand-dark: #111111;--brand-gray: #f2f2f2;--text-main: #222222;--text-light: #555555;--brand-gray-light: #e9e7e7;--container-width: 1200px;--spacing-md: 1rem;--radius-card: 16px;--radius-btn: 50px}body{margin:0;font-family:Poppins,sans-serif;background-color:var(--brand-gray-light);color:var(--text-main);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{text-decoration:none;color:inherit}button{border:none;background:none;font-family:inherit;cursor:pointer}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md);width:100%}.main-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem 0;align-items:start}@media(min-width:1024px){.main-grid{grid-template-columns:7fr 5fr}}.hidden-mobile{display:none}@media(min-width:768px){.hidden-mobile{display:block}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-btn);font-weight:700;text-transform:uppercase;transition:all .2s ease;font-size:.9rem}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-primary{background-color:var(--brand-red);color:#fff}.btn-primary:hover{background-color:#c00}.btn-secondary{background-color:var(--brand-dark);color:#fff}.btn-secondary:hover{background-color:#333;color:var(--brand-yellow)}.btn-outline{background-color:transparent;border:2px solid var(--brand-yellow);color:var(--brand-yellow)}.btn-outline:hover{background-color:var(--brand-yellow);color:var(--brand-dark)}