*,*:before,*:after{box-sizing:border-box}:root{--christmas-red: #D42426;--christmas-red-dark: #b91c1e;--christmas-green: #165B33;--christmas-green-dark: #114627;--snow-white: #F8F9FA;--gold: #F8B229;--christmas-gold: #F8B229;--dark-green: #0B2E19;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--font-main: "Outfit", sans-serif;--text-dark: #333333;--text-light: #b0b0b0;--border-light: #dddddd;--border-medium: #cccccc;--error-red: #d32f2f;--error-bg: #ffebee;--error-border: #ffcdd2}body{margin:0;font-family:var(--font-main);background-color:var(--dark-green);background-image:radial-gradient(circle at 50% 50%,#165b33cc,#0b2e19),url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");color:var(--dark-green);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}#root{min-height:100vh;display:flex;flex-direction:column}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0000001a}.btn-primary{background:var(--christmas-red);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d424264d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4242666;background:var(--christmas-red-dark)}.btn-secondary{background:var(--christmas-green);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{transform:translateY(-2px);background:var(--christmas-green-dark)}input,textarea,.input-field{width:100%;padding:12px;border:2px solid rgba(22,91,51,.1);border-radius:12px;font-family:var(--font-main);font-size:1rem;transition:all .3s ease;background:#ffffffe6}input:focus,textarea:focus,.input-field:focus{outline:none;border-color:var(--christmas-green);box-shadow:0 0 0 4px #165b331a}input[type=range]{-webkit-appearance:none;appearance:none;height:8px;background:#165b3333;border-radius:4px;outline:none;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--christmas-green);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--christmas-green);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}input[type=color]{-webkit-appearance:none;appearance:none;border:none;cursor:pointer;width:100%;height:100%;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.page-container{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:20px;width:100%}h1,h2,h3{font-family:Mountains of Christmas,cursive;color:var(--christmas-red);margin:.5em 0;line-height:1.2}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}::placeholder{color:var(--text-light);opacity:1}.btn-primary:disabled,.btn-secondary:disabled,button:disabled{opacity:.6;cursor:not-allowed!important;transform:none!important}.btn-primary:disabled:hover,.btn-secondary:disabled:hover,button:disabled:hover{transform:none!important;box-shadow:none!important;background:var(--christmas-red)!important}.btn-secondary:disabled:hover{background:var(--christmas-green)!important}label{display:block;margin-bottom:8px;font-weight:500;color:var(--dark-green);font-size:.95rem}ul,ol{margin:.5em 0;padding-left:1.5em}li{margin:.25em 0}strong{font-weight:600;color:var(--dark-green)}::selection{background:#d424264d;color:var(--dark-green)}::-moz-selection{background:#d424264d;color:var(--dark-green)}a{color:var(--christmas-red);text-decoration:none;transition:color .2s ease}a:hover{color:var(--christmas-red-dark);text-decoration:underline}img{max-width:100%;height:auto;display:block}button,input,textarea,select{transition:all .2s ease}@media(max-width:768px){.page-container{padding:15px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn-primary,.btn-secondary{padding:10px 20px;font-size:.95rem}}@media(max-width:480px){.page-container{padding:10px}.glass-card{border-radius:16px}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}.btn-primary,.btn-secondary{padding:10px 16px;font-size:.9rem}input,textarea,.input-field{padding:10px;font-size:.95rem}}