@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@400;500;700;900&display=swap";:root{--primary-color:#4c8511;--primary-hover:#3c690e;--secondary-color:#f2a900;--accent-color:#0072c6;--bg-color:#f7fbff;--surface-color:#fff;--surface-hover:#f1f5f9;--text-main:#2b3a4a;--text-muted:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-main:"Roboto", sans-serif;--font-display:"Bebas Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--text-main);background:linear-gradient(135deg,#f8fafc 0%,#dbeafe 25%,#fef3c7 50%,#dcfce7 75%,#f3e8ff 100%) fixed;flex-direction:column;min-height:100vh;line-height:1.5;display:flex;overflow-x:hidden}#root{flex-direction:column;flex-grow:1;max-width:100%;display:flex;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:1px;margin-bottom:.5rem;font-weight:400}h1{color:var(--primary-color);font-size:3rem}button{cursor:pointer;font-size:1.1rem;font-weight:700;font-family:var(--font-display);letter-spacing:.5px;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease-in-out;display:inline-flex}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}.btn-primary{background:var(--primary-color);color:#fff;border:2px solid #ffffffe6;box-shadow:0 4px 12px #4c85114d}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 16px #4c851166}.btn-secondary{background:var(--surface-color);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff}.glass-panel{-webkit-backdrop-filter:blur(16px);will-change:transform, backdrop-filter;backface-visibility:hidden;background:#ffffffb3;border:1px solid #fff6;border-radius:24px;padding:1.5rem;transform:translateZ(0);box-shadow:0 16px 40px #0000000d,inset 0 1px #fffc}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}