:root{--honey: #F5A623;--honey-dark: #E8901A;--honey-light: #FDD87A;--honey-pale: #FFF8E7;--cream: #FFFBF0;--brown: #5C3D11;--brown-light: #8B5E2A;--rose: #FF6B9D;--rose-dark: #E5527F;--green: #4CAF7D;--red: #FF4757;--text: #3D2B0E;--text-light: #8B6914;--shadow: 0 4px 20px rgba(92,61,17,.12);--shadow-lg: 0 8px 40px rgba(92,61,17,.18)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,sans-serif;background:var(--cream);color:var(--text);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0-2l26-15V18L28 2 2 18v31l26 15z' fill='%23F5A623' fill-opacity='0.06'/%3E%3C/svg%3E");pointer-events:none;z-index:0}#root{position:relative;z-index:1}button{cursor:pointer;border:none;font-family:Nunito,sans-serif;font-weight:700;transition:all .2s}button:active{transform:scale(.97)}input,textarea,select{font-family:Nunito,sans-serif;border:2px solid #F0D898;border-radius:12px;padding:10px 14px;font-size:15px;outline:none;transition:border .2s;background:#fff;color:var(--text)}input:focus,textarea:focus,select:focus{border-color:var(--honey)}.card{background:#fff;border-radius:20px;padding:20px;box-shadow:var(--shadow);border:2px solid #FFF0CC}.btn-honey{background:linear-gradient(135deg,var(--honey),var(--honey-dark));color:#fff;border-radius:14px;padding:12px 24px;font-size:15px;box-shadow:0 4px 15px #f5a62366}.btn-honey:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5a62380}.btn-rose{background:linear-gradient(135deg,var(--rose),var(--rose-dark));color:#fff;border-radius:14px;padding:12px 24px;font-size:15px;box-shadow:0 4px 15px #ff6b9d66}.btn-rose:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b9d80}.btn-ghost{background:transparent;color:var(--text-light);border-radius:14px;padding:10px 20px;font-size:14px;border:2px solid #F0D898}.btn-ghost:hover{background:var(--honey-pale)}.points-badge{background:linear-gradient(135deg,var(--honey),var(--honey-dark));color:#fff;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:3px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.fade-up{animation:fadeUp .4s ease both}.pop{animation:pop .4s ease both}