:root{--ink:#10233d;--blue:#1768ff;--cyan:#32c7ff;--paper:#f4f9ff}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.world-shell{min-height:100svh;position:relative;overflow:hidden;padding:clamp(1.25rem,4vw,3rem);background:radial-gradient(circle at 70% 14%,rgba(50,199,255,.22),transparent 25rem),linear-gradient(145deg,#f9fcff 0%,#edf7ff 52%,#f7fbff 100%)}.world-shell:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(23,104,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,104,255,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}.orb{position:absolute;border-radius:999px;pointer-events:none}.orb-one{width:18rem;height:18rem;right:-5rem;top:34%;background:rgba(23,104,255,.11)}.orb-two{width:12rem;height:12rem;left:-4rem;bottom:8%;background:rgba(50,199,255,.12)}.experience{width:min(1120px,100%);min-height:calc(100svh - clamp(2.5rem,8vw,6rem));margin:auto;position:relative;display:flex;flex-direction:column}.brand,.logo{display:flex;align-items:center;gap:.65rem;font-size:.85rem;font-weight:900;letter-spacing:.14em}.brand-mark,.logo b{color:#fff;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 8px 22px rgba(23,104,255,.25)}.stage{flex:1;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(3rem,8vh,6rem) 0 2.5rem}.eyebrow,.counter-card p,.greeting-card p,.kicker{margin:0;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.14em}h1{margin:.75rem 0 1.2rem;font-size:clamp(3.4rem,8vw,7rem);line-height:.9;letter-spacing:-.065em}h1 em{color:var(--blue);font-family:Georgia,serif;font-weight:400}.intro-copy{max-width:36rem;margin:0;color:#51647d;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}.action-zone{display:grid;place-items:center;min-height:22rem}.pulse-ring{width:clamp(18rem,31vw,25rem);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(23,104,255,.18);box-shadow:0 0 0 1.5rem rgba(23,104,255,.04),0 0 0 3.2rem rgba(50,199,255,.035)}.pulse-ring.celebrate{animation:celebrate .8s ease}.hello-button{width:74%;aspect-ratio:1;border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;background:linear-gradient(145deg,#2384ff,#0751e5);box-shadow:0 28px 65px rgba(14,82,214,.34),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .18s ease}.hello-button:hover{transform:translateY(-5px) scale(1.02)}.hello-button:active{transform:scale(.97)}.hello-button:focus-visible{outline:4px solid #071d45;outline-offset:7px}.hello-button:disabled{cursor:wait;opacity:.8}.hello-button>span:not(.hand){font-size:clamp(1.25rem,2vw,1.7rem);font-weight:900;letter-spacing:.06em}.hello-button small{font-size:.8rem;opacity:.78}.hand{font-size:clamp(2.8rem,5vw,4.3rem);margin-bottom:.35rem}.live-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:1rem}.counter-card,.greeting-card{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);border-radius:1.5rem;padding:1.35rem 1.5rem;box-shadow:0 16px 45px rgba(40,87,135,.1);backdrop-filter:blur(12px)}.counter-card strong{display:block;margin:.15rem 0;font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.05em}.counter-card span,.greeting-card span{color:#667990;font-size:.88rem}.counter-card i{display:inline-block;width:.48rem;height:.48rem;margin-right:.35rem;border-radius:50%;background:#18b981;box-shadow:0 0 0 4px rgba(24,185,129,.12)}.greeting-card{display:flex;align-items:center;gap:1.2rem}.greeting-card strong{display:block;margin:.32rem 0 .2rem;font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:500}.pin{flex:0 0 auto;display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:1.1rem;color:#fff;background:linear-gradient(145deg,var(--cyan),var(--blue));font-size:1.8rem}.error{margin:.85rem 0 0;text-align:center;color:#b42318;font-size:.9rem}footer{padding-top:1rem;text-align:center;color:#7b8da2;font-size:.76rem}.installer{min-height:100svh;display:grid;place-items:center;padding:1.25rem;background:linear-gradient(145deg,#eef8ff,#f9fcff)}.install-card{width:min(540px,100%);padding:clamp(1.5rem,5vw,2.8rem);border:1px solid #dcecff;border-radius:1.6rem;background:#fff;box-shadow:0 24px 70px rgba(40,87,135,.14)}.install-card h1{font-size:clamp(2rem,7vw,3.3rem);margin:.5rem 0;line-height:1}.install-card>p:not(.kicker){color:#60748e;line-height:1.5}.install-card .kicker{margin-top:2rem}.install-card form{display:grid;gap:1rem;margin-top:1.5rem}.install-card label{display:grid;gap:.4rem;font-weight:700;font-size:.9rem}.install-card input{width:100%;padding:.85rem 1rem;border:1px solid #cddced;border-radius:.8rem;font-size:1rem}.install-card input:focus{outline:3px solid rgba(23,104,255,.18);border-color:var(--blue)}.install-card button{border:0;border-radius:.85rem;padding:1rem;color:#fff;background:var(--blue);font-weight:800;cursor:pointer}.install-error{padding:.85rem 1rem;border-radius:.8rem;background:#fff0ef;color:#b42318;font-size:.9rem}@keyframes celebrate{35%{transform:scale(1.07);box-shadow:0 0 0 1.8rem rgba(23,104,255,.08),0 0 0 4rem rgba(50,199,255,.06)}}@media(max-width:760px){.world-shell{padding:1.2rem}.stage{grid-template-columns:1fr;text-align:center;padding:3.2rem 0 2rem;gap:1.6rem}.intro-copy{margin:auto}.action-zone{min-height:17rem}.pulse-ring{width:min(17rem,72vw)}.live-grid{grid-template-columns:1fr}.counter-card{text-align:center}.greeting-card{text-align:left}h1{font-size:clamp(3.3rem,17vw,5rem)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}