@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');:root{--navy:#061b30;--navy2:#09263e;--gold:#e3b55b;--white:#fdfaf3;--muted:#bed1dc;--line:#345064}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 5%,#193a4e 0,transparent 38%),linear-gradient(135deg,#061b30,#0a293d);color:var(--white);font-family:'DM Sans',Arial,sans-serif;min-height:100vh}a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 24px}.site-header{border-bottom:1px solid #ffffff24}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;flex-direction:column;line-height:1}.brand-word{font-size:27px;font-weight:700;letter-spacing:-1.4px}.brand-sub{font-size:10px;letter-spacing:2px;margin-top:7px;color:var(--muted)}.nav-tag{font-size:11px;letter-spacing:2px;color:var(--gold);text-align:center}.nav-tag i{font-style:normal;padding:0 10px}.nav-link{font-size:13px;text-decoration:none;color:#e7d8b8}.hero{padding:58px 0 43px;text-align:center}.hero-eyebrow,.kicker{font-size:11px;color:var(--gold);letter-spacing:2.1px;font-weight:700}.hero h1,h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(42px,6vw,72px);line-height:1.1;margin:17px 0}.hero h1 em,h1 em{color:var(--gold);font-weight:600}.hero>p{max-width:570px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:29px;flex-wrap:wrap}.big-button,.primary-btn{background:var(--gold);color:#091d2c;border:0;padding:15px 23px;border-radius:6px;font-weight:700;cursor:pointer;text-decoration:none}.sound-toggle,.secondary-btn{border:1px solid #688092;color:#fff;background:transparent;border-radius:6px;padding:13px 16px;cursor:pointer}.hero-hint{font-size:12px;color:var(--muted);margin-top:24px}.hero-hint span{color:var(--gold);padding:0 9px}.closing{margin:19px auto 0;background:#b8802d28;border:1px solid #d5a84f75;border-radius:6px;padding:12px 18px;color:#f8dfad;max-width:max-content;font-size:13px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;margin-bottom:60px}.presents-panel,.tree-preview,.teaser,.tree-page-panel{border:1px solid var(--line);background:#0b283eeb;border-radius:12px;padding:28px}.section-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.section-head h2,.tree-preview h2{font-family:Georgia,serif;margin:8px 0;font-size:27px}.section-head p,.tree-preview p,.teaser p,.tree-page p{color:var(--muted);line-height:1.6}.completion-chip{white-space:nowrap;font-size:11px;letter-spacing:1px;background:#153e55;color:var(--gold);padding:10px;border-radius:99px}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:24px 0}.gift{min-height:142px;border:1px solid #48657a;border-radius:10px;background:linear-gradient(145deg,#173f54,#0a273d);color:#fff;cursor:pointer;text-align:center;font:inherit;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.gift .present{font-size:47px;line-height:1}.gift small{font-size:11px;letter-spacing:1px}.gift.opened{border-color:#c99c48;background:#4f422b99}.gift.locked{opacity:.48;cursor:not-allowed}.gift:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e3b55b;outline-offset:3px}.question-card{background:#103249;border:1px solid #618096;border-radius:10px;padding:22px;margin:20px 0}.question-card h3{font-family:Georgia,serif;font-size:23px;margin:7px 0 18px}.choices{display:grid;gap:9px}.choice{display:flex;gap:10px;align-items:center;border:1px solid #48657a;background:#0c283d;border-radius:7px;padding:11px;cursor:pointer;font-size:14px}.choice:has(input:checked){border-color:var(--gold);background:#473c2a}.choice input{accent-color:var(--gold)}textarea,.other-input{font:inherit;width:100%;background:#081f32;color:white;padding:11px;border:1px solid #678294;border-radius:5px;min-height:42px;margin-top:9px}textarea{min-height:70px}.hint{font-size:12px;color:var(--muted);line-height:1.5}.primary-btn{margin-top:16px}.primary-btn:disabled{opacity:.48;cursor:not-allowed}.surprise-area{min-height:12px;color:#f7d995}.info-band{border-top:1px solid var(--line);margin-top:27px;padding-top:24px;display:flex;gap:14px}.info-icon{font-size:26px;color:var(--gold)}.info-band strong{color:#f8dfad}.info-band p{font-size:12px;line-height:1.7;color:var(--muted);margin:7px 0}.tree-preview,.teaser{margin-bottom:20px}.tree-art{height:290px;display:flex;justify-content:center;align-items:center}.tree-art svg{height:100%;max-width:100%}.stat-bar{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:10px}.stat-bar div{padding:12px;background:#092236;border-radius:6px}.stat-bar strong{font-size:29px;display:block;color:var(--gold)}.stat-bar span{font-size:10px;color:var(--muted);letter-spacing:1px}.goal-copy{text-align:center;margin-top:18px;color:#f4ddae;font-size:13px}.track{height:9px;background:#1b4658;border-radius:9px;overflow:hidden;margin-top:13px}.track>div{height:100%;width:0;background:linear-gradient(90deg,#ad813e,#ffde89);transition:width .4s}.tree-link{display:block;text-align:center;color:var(--gold);margin-top:18px;text-decoration:none;font-size:13px}.demo-label{display:block;text-align:center;margin-top:12px;color:#a4bdcc;font-size:11px}.teaser-star{font-size:29px;color:var(--gold)}.teaser h3{font-family:Georgia,serif;margin:9px 0}.footer{padding:20px 24px 40px;color:#98b2c1;display:flex;justify-content:space-between;font-size:11px}.tree-page{text-align:center;padding-top:55px}.tree-page>p{color:var(--muted)}.tree-page-panel{max-width:610px;margin:35px auto}.tree-art.large{height:540px}.stat-bar.big strong{font-size:39px}.note{border-left:3px solid var(--gold);padding:12px 15px;background:#3b392975;margin-top:14px}.status{color:#eacc8d}.hidden{display:none!important}@media(max-width:850px){.content-grid{grid-template-columns:1fr}.hero{padding-top:42px}.nav{flex-wrap:wrap;padding-top:13px;padding-bottom:13px}.nav-tag{display:none}}@media(max-width:480px){.wrap{padding:0 15px}.presents-panel{padding:16px}.gift-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.completion-chip{display:inline-block}.hero h1{font-size:42px}}
/* Revised: colourful gifts and supplied Centacare logo */
.brand-logo{display:block;width:min(290px,46vw);height:auto;max-height:65px;object-fit:contain;object-position:left center}
.gift{position:relative;overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s;background:linear-gradient(145deg,var(--gift-hi,#be5371),var(--gift-lo,#76253c));border-color:rgba(255,255,255,.45);box-shadow:inset 0 1px 0 #ffffff65,0 6px 16px #0003}
.gift:nth-child(8n+1){--gift-hi:#b8395d;--gift-lo:#702747}
.gift:nth-child(8n+2){--gift-hi:#307eaa;--gift-lo:#204b83}
.gift:nth-child(8n+3){--gift-hi:#b58a37;--gift-lo:#785018}
.gift:nth-child(8n+4){--gift-hi:#258b75;--gift-lo:#185849}
.gift:nth-child(8n+5){--gift-hi:#9259b9;--gift-lo:#563078}
.gift:nth-child(8n+6){--gift-hi:#c3633e;--gift-lo:#86412a}
.gift:nth-child(8n+7){--gift-hi:#347e82;--gift-lo:#235055}
.gift:nth-child(8n+8){--gift-hi:#b75279;--gift-lo:#7a3156}
.gift:before{content:'';position:absolute;top:0;bottom:0;left:45%;width:13%;background:#ffe9b560;pointer-events:none}
.gift:after{content:'';position:absolute;left:0;right:0;top:39%;height:12%;background:#ffe9b560;pointer-events:none}
.gift .present,.gift small{position:relative;z-index:1;text-shadow:0 2px 8px #0006}
.gift:not(.locked):hover{transform:translateY(-4px);box-shadow:0 12px 24px #0005}
.gift.opened{border-color:#edcc91;filter:saturate(.75)}
.gift.locked{opacity:.52;filter:saturate(.6)}
.gift.selected{outline:3px solid #fff0c0;outline-offset:2px}
.gift.ready{box-shadow:inset 0 1px 0 #ffffff65,0 0 0 2px #f5d68c,0 0 20px #f5d68c50}
.next-prompt{padding:18px 20px;border:1px dashed #b7d4cb;background:#123d45;border-radius:10px;margin:18px 0;color:#fff6dc}
@media(max-width:480px){.brand-logo{width:195px}}