:root{--color-primary: #FF4500;--color-primary-hover: #E03E00;--color-secondary: #165B33;--color-accent: #F8B229;--color-background: #F0F4F8;--color-text: #1A1A1A;--color-text-light: #666666;--color-card-bg: #FFFFFF;--color-success: #FF4500;--color-border: #E0E0E0;--font-family: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-bounce: .4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:#f0f4f8;color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/shadow_tree_background.png);background-size:300px;background-repeat:repeat;opacity:.15;z-index:-1;pointer-events:none}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}.container{max-width:600px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.btn-primary{background-color:var(--color-primary);color:#fff;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;font-size:1.1rem;width:100%;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:active{transform:scale(.98)}.card{background:var(--color-card-bg);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes confetti{0%{transform:translateY(0) rotate(0)}to{transform:translateY(100vh) rotate(720deg)}}