:root{--bg-background: #fdf8f6;--bg-surface: rgba(255, 255, 255, .88);--border-color: rgba(0, 0, 0, .08);--text-main: #1c1917;--text-muted: #78716c;--text-inverted: #ffffff;--color-primary: #e8504a;--color-primary-hover: #d43f39;--color-primary-glow: rgba(232, 80, 74, .22);--color-accent: #f4a261}@media(prefers-color-scheme:dark){:root{--bg-background: #180f0f;--bg-surface: rgba(38, 22, 22, .75);--border-color: rgba(255, 255, 255, .09);--text-main: #faf5f5;--text-muted: #a89494;--text-inverted: #ffffff;--color-primary: #f07866;--color-primary-hover: #e8604e;--color-primary-glow: rgba(240, 120, 102, .28);--color-accent: #f4a261}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background-color:var(--bg-background);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 32px}.bg-orbs{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:drift 16s ease-in-out infinite}.orb-a{width:380px;height:380px;top:-120px;left:-100px;background:radial-gradient(circle,var(--color-primary-glow),transparent 70%)}.orb-b{width:320px;height:320px;bottom:-80px;right:-80px;background:radial-gradient(circle,rgba(244,162,97,.25),transparent 70%);animation-delay:-6s}.orb-c{width:260px;height:260px;top:40%;left:60%;background:radial-gradient(circle,rgba(155,47,128,.18),transparent 70%);animation-delay:-11s}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-24px) scale(1.06)}}.topbar{position:relative;z-index:1;width:100%;max-width:720px;display:flex;align-items:baseline;justify-content:space-between;padding:8px 4px 0}.brand{display:flex;align-items:center}.brand-logo{height:52px;width:auto;display:block}.h4tech-badge{display:inline-flex;align-items:center;padding:0;border-radius:999px;background:transparent;border:1px solid transparent;transition:transform .2s ease,opacity .2s ease}.h4tech-badge:hover{transform:translateY(-1px);opacity:.85}@media(prefers-color-scheme:dark){.h4tech-badge{padding:8px 16px;background:#fff;box-shadow:0 4px 14px -6px #00000059}}.h4tech-logo{height:52px;width:auto;display:block}.hero{position:relative;z-index:1;margin-top:clamp(24px,6vh,56px);width:100%;max-width:640px;border-radius:28px;padding:clamp(28px,5vw,56px);text-align:center;display:flex;flex-direction:column;align-items:center}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:0 20px 60px -20px #00000026}.eyebrow{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.eyebrow strong{color:var(--color-primary)}.art{width:min(280px,70vw);margin:12px auto 8px}.art-svg{width:100%;height:auto;display:block}.glow{animation:pulse-glow 3.4s ease-in-out infinite;transform-origin:140px 112px}@keyframes pulse-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}.heart-path{stroke-dasharray:420;stroke-dashoffset:420;animation:draw-in 1.6s ease-out forwards .2s,heart-pulse 3.2s ease-in-out infinite 1.8s;transform-origin:98px 92px}@keyframes draw-in{to{stroke-dashoffset:0}}@keyframes heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.gift-box{animation:box-float 3.8s ease-in-out infinite;transform-origin:148px 141px}@keyframes box-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.box-body,.box-ribbon{stroke-dasharray:300;stroke-dashoffset:300;animation:draw-in 1.4s ease-out forwards .9s}.box-lid-group{transform-origin:106px 116px;animation:lid-ajar 4s ease-in-out infinite 2.3s;opacity:0;animation-fill-mode:forwards}.box-lid,.box-bow{stroke-dasharray:260;stroke-dashoffset:260;animation:draw-in 1s ease-out forwards 1.4s}@keyframes lid-ajar{0%{opacity:0;transform:rotate(0)}8%,40%{opacity:1;transform:rotate(-7deg)}70%{transform:rotate(-3deg)}to{opacity:1;transform:rotate(-7deg)}}.light-rays{opacity:0;animation:rays-flicker 4s ease-in-out infinite 2.6s}.light-rays line{stroke:var(--color-accent);stroke-width:3;stroke-linecap:round}@keyframes rays-flicker{0%,to{opacity:0}15%,45%{opacity:.85}}.sparkles .sparkle{fill:var(--color-accent);opacity:0;animation:sparkle-float 3s ease-in-out infinite}.s1{animation-delay:2.4s}.s2{animation-delay:3s}.s3{animation-delay:2.1s}.s4{animation-delay:3.4s}.s5{animation-delay:2.7s}.s6{animation-delay:3.8s}@keyframes sparkle-float{0%{opacity:0;transform:translateY(0) scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(-22px) scale(1)}}@media(prefers-reduced-motion:reduce){.orb,.glow,.heart-path,.gift-box,.box-body,.box-ribbon,.box-lid-group,.box-lid,.box-bow,.light-rays,.sparkles .sparkle{animation:none!important}.heart-path,.box-body,.box-ribbon,.box-lid,.box-bow{stroke-dashoffset:0}.box-lid-group{opacity:1;transform:rotate(-6deg)}}.headline{font-family:Playfair Display,serif;font-weight:700;font-size:clamp(28px,5vw,40px);line-height:1.15;margin:4px 0 12px}.intro{margin:0 0 28px;max-width:46ch;color:var(--text-muted);font-size:16px;line-height:1.6}.progress-wrap{width:100%;max-width:360px;margin:0 0 24px}.progress-track{position:relative;width:100%;height:10px;border-radius:999px;background:var(--border-color);overflow:hidden}.progress-fill{position:absolute;inset:0;width:0%;border-radius:999px;background:linear-gradient(90deg,#9b2f80,var(--color-primary) 55%,var(--color-accent));transition:width 1.4s cubic-bezier(.22,1,.36,1)}.progress-fill:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#fff0 0,#ffffff59 20%,#fff9 60%,#fff0);background-size:200px 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.progress-label{margin:10px 0 0;font-size:13px;color:var(--text-muted)}#progress-percent{font-weight:700;color:var(--color-primary)}.closing{margin:0;font-size:14px;color:var(--text-muted);max-width:42ch}.closing strong{color:var(--text-main)}.footer{position:relative;z-index:1;margin-top:auto;padding-top:32px;font-size:12px;color:var(--text-muted);text-align:center}.footer a{color:var(--color-primary);font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .6s ease-out forwards}@media(max-width:480px){.topbar{padding:4px 6px 0}.hero{border-radius:22px}.brand-logo,.h4tech-logo{height:40px}}