
:root{--bg:#061f2c;--panel:#0b303d;--gold:#f5d08a;--muted:#a2b7bd;--line:#ffffff18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#f8f3e8;background:radial-gradient(ellipse at 75% 15%,#174650,transparent 45%),var(--bg);font:16px/1.65 system-ui,sans-serif}a{color:var(--gold);text-decoration:none}header{max-width:1280px;margin:auto;display:flex;align-items:center;gap:30px;padding:30px 36px;border-bottom:1px solid var(--line)}.brand{font-size:17px;letter-spacing:3px;color:white;font-weight:800}.brand strong{color:var(--gold)}nav{display:flex;gap:25px;margin-left:auto;font-size:13px}nav a{color:#dce5e5}main{max-width:1200px;margin:auto;padding:35px 36px 80px}h1,h2,h3{line-height:1.15}h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,68px);font-weight:400;letter-spacing:-2px;margin:20px 0 28px}h1 em{font-weight:400;color:var(--gold)}h2{font:36px/1.2 Georgia,serif}h3{font-size:20px}.hero{min-height:610px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:700}.lead{color:#bacdd1;font-size:18px}.pill{border:1px solid #e7bf6860;padding:8px 17px;border-radius:30px;color:var(--gold);font-size:13px;background:#e7bf6808;display:inline-block}button,.button{border:0;border-radius:8px;padding:15px 23px;display:inline-block;font:700 14px/1.3 system-ui;cursor:pointer;color:#17313b;background:linear-gradient(110deg,#f6d89a,#cda45b);box-shadow:0 8px 25px #0002;transition:transform .2s}button:hover,.button:hover{transform:translateY(-2px);filter:brightness(1.08)}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}header button,.secondary{background:transparent;border:1px solid #ffffff30;color:#d5e2e6;box-shadow:none}header button{padding:10px;font-size:12px}.stats{display:flex;gap:35px;margin:35px 0;color:var(--muted);font-size:12px}.stats b{font:28px Georgia;display:block;color:#fff;margin-bottom:6px}.village{height:470px;position:relative;background:radial-gradient(ellipse,#91cfba18,transparent 68%);border:1px solid #ffffff0a;border-radius:50% 50% 12% 12%;overflow:hidden}.village span{position:absolute;filter:drop-shadow(0 10px 20px #0004)}.santa{font-size:180px;left:27%;top:105px;animation:float 4s ease-in-out infinite}.tree{font-size:145px;top:150px}.t1{left:-20px;transform:rotate(-8deg)}.t2{right:-10px;font-size:180px;top:120px}.house{font-size:100px;left:0;top:70px}.gift{font-size:90px;left:52%;top:290px;animation:float 3s ease-in-out infinite}.deer{font-size:80px;left:2%;top:285px}.moon{font:80px Georgia;color:var(--gold);right:20%;top:0}.star{color:var(--gold);left:35%;top:30px;font-size:45px;animation:glow 3s infinite}.snowbank{position:absolute;bottom:0;left:-5%;width:110%;height:85px;background:#d7ebdf15;border-radius:50% 50% 0 0}.village small{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#d1e2db88;font-size:9px;letter-spacing:4px}section{margin-bottom:65px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}article{background:linear-gradient(145deg,#103440,#082a36);border:1px solid var(--line);border-radius:15px;padding:30px;margin:18px 0}article p{color:#b7cbd0}.step{font:32px Georgia;color:#e6bd76}label{display:block;margin:15px 0;font-size:13px;color:#c6d7dc}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px;background:#061e29;color:white;border:1px solid #45616b;border-radius:7px;font:16px system-ui}textarea{min-height:105px;resize:vertical}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.error{background:#812b3455;color:#ffc7c7;padding:18px;border:1px solid #de858550;border-radius:8px}.success{background:#235b46;padding:14px}.progress{padding:20px;border:1px solid var(--line);border-radius:10px;font-size:14px;color:var(--gold)}.progress span{color:#72878e;margin:0 10px}.round{border-top:1px solid var(--line);padding:15px 0}.table{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:15px;vertical-align:top;max-width:350px;overflow-wrap:anywhere}.notification{padding:18px 25px}.notification p{margin:4px 0}.notification small{color:#8ba7b0}footer{text-align:center;padding:50px;border-top:1px solid var(--line);font-size:13px;color:#8da8b0}#snow{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:3}.flake{position:absolute;top:-20px;width:4px;height:4px;background:#fff9;border-radius:50%;animation:fall linear infinite}.recipient{animation:open .7s ease}.reveal{font-size:17px;padding:22px}.notification a{color:var(--gold)}@keyframes fall{to{transform:translate(60px,105vh)}}@keyframes float{50%{transform:translateY(-13px) rotate(3deg)}}@keyframes glow{50%{opacity:.35}}@keyframes open{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@media(max-width:800px){header{flex-wrap:wrap;padding:20px;gap:15px}nav{order:3;width:100%;margin:0;overflow:auto;gap:20px;white-space:nowrap}header button{margin-left:auto}main{padding:20px}.hero{grid-template-columns:1fr}.hero .village{height:390px;max-width:460px;width:100%;margin:auto}.grid,.three{grid-template-columns:1fr}h1{letter-spacing:-1px}.stats{gap:22px}article{padding:23px}.progress{line-height:2.3}.santa{font-size:145px}.gift{top:245px;font-size:65px}.tree{font-size:120px}.t2{font-size:145px}.deer{top:240px}section{margin-bottom:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#snow{display:none}}
