@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Mountains+of+Christmas:wght@400;700&display=swap";html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}:root{--christmas-red: #c41e3a;--christmas-green: #165b33;--christmas-gold: #ffd700;--snow-white: #f8f9fa;--dark-red: #8b1a2e;--light-green: #2d8f57;--ice-blue: #a8d8ea;--midnight-blue: #0f1419;--warm-cream: #fff8dc;font-family:Poppins,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--snow-white);background:linear-gradient(135deg,#0f1419,#1a2332,#0f1419);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent),radial-gradient(1px 1px at 15% 90%,white,transparent);background-size:200% 200%;animation:snowfall 20s linear infinite;opacity:.6;pointer-events:none;z-index:1}@keyframes snowfall{0%{background-position:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}to{background-position:10% 100%,20% 100%,15% 100%,25% 100%,30% 100%,35% 100%,40% 100%}}.snowfall{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;opacity:.8}.snowfall .snowflake{position:absolute;color:#fff;font-size:1.2em;text-shadow:0 0 5px rgba(255,255,255,.9);animation:fallAndWiggle var(--duration) linear infinite}.snowfall .snowflake:nth-child(2n){--duration: 15s;--left-start: 10%;--opacity: .7}.snowfall .snowflake:nth-child(odd){--duration: 10s;--left-start: 50%;--opacity: .9}.snowfall .snowflake:nth-child(1){left:5%;font-size:1.4em;animation-delay:0s;animation-duration:18s;opacity:.9}.snowfall .snowflake:nth-child(2){left:15%;font-size:1em;animation-delay:2s;animation-duration:12s;opacity:.7}.snowfall .snowflake:nth-child(3){left:25%;font-size:1.3em;animation-delay:4s;animation-duration:16s;opacity:.8}.snowfall .snowflake:nth-child(4){left:35%;font-size:.9em;animation-delay:6s;animation-duration:14s;opacity:.6}.snowfall .snowflake:nth-child(5){left:45%;font-size:1.5em;animation-delay:8s;animation-duration:20s;opacity:1}.snowfall .snowflake:nth-child(6){left:55%;font-size:1.1em;animation-delay:10s;animation-duration:17s;opacity:.75}.snowfall .snowflake:nth-child(7){left:65%;font-size:1.2em;animation-delay:12s;animation-duration:13s;opacity:.8}.snowfall .snowflake:nth-child(8){left:75%;font-size:.8em;animation-delay:14s;animation-duration:15s;opacity:.5}.snowfall .snowflake:nth-child(9){left:85%;font-size:1.4em;animation-delay:16s;animation-duration:19s;opacity:.95}.snowfall .snowflake:nth-child(10){left:95%;font-size:1em;animation-delay:18s;animation-duration:11s;opacity:.6}.snowfall .snowflake:nth-child(11){left:8%;font-size:1.1em;animation-delay:1s;animation-duration:14s;opacity:.7}.snowfall .snowflake:nth-child(12){left:18%;font-size:.9em;animation-delay:3s;animation-duration:17s;opacity:.6}.snowfall .snowflake:nth-child(13){left:28%;font-size:1.4em;animation-delay:5s;animation-duration:19s;opacity:.9}.snowfall .snowflake:nth-child(14){left:38%;font-size:1em;animation-delay:7s;animation-duration:13s;opacity:.75}.snowfall .snowflake:nth-child(15){left:48%;font-size:1.2em;animation-delay:9s;animation-duration:16s;opacity:.8}.snowfall .snowflake:nth-child(16){left:58%;font-size:.8em;animation-delay:11s;animation-duration:18s;opacity:.55}.snowfall .snowflake:nth-child(17){left:68%;font-size:1.3em;animation-delay:13s;animation-duration:14s;opacity:.85}.snowfall .snowflake:nth-child(18){left:78%;font-size:1.1em;animation-delay:15s;animation-duration:20s;opacity:.7}.snowfall .snowflake:nth-child(19){left:88%;font-size:.9em;animation-delay:17s;animation-duration:15s;opacity:.65}.snowfall .snowflake:nth-child(20){left:98%;font-size:1.5em;animation-delay:19s;animation-duration:12s;opacity:.9}@keyframes fallAndWiggle{0%{transform:translateY(-10vh) translate(0);opacity:var(--opacity)}50%{transform:translateY(50vh) translate(20px)}to{transform:translateY(110vh) translate(-10px);opacity:var(--opacity)}}#root{height:100vh;width:100vw;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:2}h1,h2,h3{font-family:Mountains of Christmas,cursive;color:var(--christmas-gold);text-shadow:2px 2px 4px rgba(0,0,0,.5)}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;margin-bottom:1rem}h2{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.3}h3{font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.4}a{font-weight:500;color:var(--ice-blue);text-decoration:none;transition:all .3s ease}a:hover{color:var(--christmas-gold);text-shadow:0 0 8px rgba(255,215,0,.5)}button{border-radius:12px;border:2px solid var(--christmas-gold);padding:.75em 1.5em;font-size:1em;font-weight:600;font-family:Poppins,sans-serif;background:linear-gradient(135deg,var(--christmas-red) 0%,var(--dark-red) 100%);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #c41e3a4d;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c41e3a80;border-color:var(--snow-white)}button:hover:before{left:100%}button:active{transform:translateY(0)}button:disabled{background:linear-gradient(135deg,#666,#444);border-color:#888;cursor:not-allowed;opacity:.6}button:disabled:hover{transform:none;box-shadow:0 4px 15px #0000004d}.card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:2em;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #c41e3a4d;border-color:#ffd70066}@media(max-width:768px){#root{padding:1rem;width:100%}button{padding:.6em 1.2em;font-size:.95em}.card{padding:1.5em}}@media(max-width:480px){#root{padding:.75rem}button{padding:.5em 1em;font-size:.9em}.card{padding:1.25em}}.loading-spinner{display:inline-block;width:50px;height:50px;border:4px solid rgba(255,215,0,.3);border-top-color:var(--christmas-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--midnight-blue)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--christmas-red),var(--christmas-green));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--dark-red),var(--light-green))}