html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0}body{overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}:root{--blue: #1688c8;--blue-soft: #67c7ee;--blue-deep: #08699e;--mint: #9ce7d7;--text: #243142;--muted: #6c7a89;--white: rgba(255, 255, 255, .78);--border: rgba(255, 255, 255, .78);--shadow: rgba(31, 88, 130, .13)}*{margin:0;padding:0;box-sizing:border-box}.page{min-height:100vh;width:100%;position:relative;overflow:clip;background:radial-gradient(circle at 50% 42%,rgba(166,222,255,.44),transparent 34%),radial-gradient(circle at 15% 15%,rgba(156,231,215,.22),transparent 28%),radial-gradient(circle at 85% 80%,rgba(98,185,239,.18),transparent 30%),linear-gradient(135deg,#f8fcff,#eef8ff 48%,#f8fbff);color:var(--text)}.soft-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background-image:linear-gradient(rgba(22,136,200,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,136,200,.035) 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 68%);mask-image:radial-gradient(circle at center,black 0%,transparent 68%);pointer-events:none;animation:sceneFade 1.4s ease 2.4s forwards}.orbital{position:absolute;left:50%;top:50%;border-radius:999px;border:1px solid rgba(22,136,200,.08);transform:translate(-50%,-50%);pointer-events:none;opacity:0;animation:sceneFade 1.4s ease 2.6s forwards}.orbital-one{width:min(760px,80vw);height:min(760px,80vw)}.orbital-two{width:min(980px,96vw);height:min(980px,96vw)}.ambient{position:absolute;border-radius:999px;filter:blur(45px);opacity:0;animation:sceneFade 1.4s ease 2s forwards,breathe 9s ease-in-out 3.5s infinite}.ambient-one{width:420px;height:420px;left:4%;top:10%;background:#67c7ee5c}.ambient-two{width:520px;height:520px;right:2%;bottom:4%;background:#9ce7d742}.ambient-three{width:520px;height:520px;left:50%;top:50%;background:#92bfff33;translate:-50% -50%}.hero{min-height:100vh;width:min(1180px,100%);margin:0 auto;position:relative;display:grid;place-items:center;padding:32px;isolation:isolate}.hero-card{width:min(700px,92vw);position:relative;z-index:5;text-align:center}.logo-wrap{width:230px;margin:0 auto 14px;filter:drop-shadow(0 20px 34px rgba(22,136,200,.14));animation:logoIntro 4s cubic-bezier(.22,1,.36,1) both,floatLogo 5.5s ease-in-out 4s infinite}.logo{width:100%;display:block;opacity:0;filter:none;animation:logoColor 2.55s ease-out forwards}.eyebrow,h1,.subtitle,.status-pill{opacity:0;animation:contentReveal 1.15s ease 3.95s forwards}.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-deep);font-weight:700;margin-bottom:18px}h1{font-size:clamp(48px,6vw,78px);line-height:.92;letter-spacing:-.07em;color:var(--blue);margin-bottom:14px;text-shadow:0 10px 35px rgba(22,136,200,.14)}.subtitle{max-width:760px;margin:0 auto;font-size:20px;line-height:1.75;color:var(--muted);text-shadow:0 4px 18px rgba(255,255,255,.45)}.status-pill{width:fit-content;margin:24px auto 0;padding:12px 18px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;background:#ffffff94;border:1px solid rgba(255,255,255,.76);color:#426071;font-size:14px;font-weight:700;box-shadow:0 14px 30px #1f588214}.pulse-dot{width:9px;height:9px;border-radius:999px;background:var(--mint);box-shadow:0 0 #9ce7d7cc;animation:pulse 2s ease-in-out infinite}.bubble{position:absolute;z-index:4;min-height:58px;padding:12px 22px 12px 14px;display:inline-flex;align-items:center;gap:12px;border-radius:999px;background:#ffffffc2;border:1px solid rgba(255,255,255,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 50px #1f58821f,inset 0 1px #ffffffd1;color:#344155;font-size:15px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;animation:bubbleAppear 12s ease-in-out infinite,bubbleFloat 5s ease-in-out infinite}.bubble-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:999px;background:#e8f8fff2;color:var(--blue);font-size:18px;box-shadow:inset 0 0 0 1px #1688c814}.bubble-1{top:14%;left:3%;animation-delay:4.6s,0s}.bubble-2{top:18%;right:3%;animation-delay:5.9s,.8s}.bubble-3{top:46%;left:0%;animation-delay:7.2s,1.2s}.bubble-4{bottom:18%;left:5%;animation-delay:8.5s,.4s}.bubble-5{top:46%;right:0%;animation-delay:9.8s,.3s}.bubble-6{bottom:20%;right:5%;animation-delay:11.1s,1.7s}.bubble-7{bottom:5%;left:22%;animation-delay:12.4s,1.1s}.bubble-8{bottom:4%;right:21%;animation-delay:13.7s,.7s}.bubble-9{top:7%;left:50%;transform:translate(-50%);animation-delay:15s,1.4s}@keyframes logoIntro{0%{width:min(520px,78vw);transform:translateY(120px) scale(1.05)}70%{width:min(520px,78vw);transform:translateY(120px) scale(1.05)}to{width:230px;transform:translateY(0) scale(1)}}@keyframes logoColor{0%{opacity:0}to{opacity:1}}@keyframes contentReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sceneFade{to{opacity:1}}@keyframes floatLogo{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.015)}}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(14px) scale(.96)}12%,46%{opacity:1}62%{opacity:0;transform:translateY(-8px) scale(1)}to{opacity:0}}@keyframes bubbleFloat{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes breathe{0%,to{transform:scale(1);opacity:.38}50%{transform:scale(1.08);opacity:.58}}@keyframes pulse{0%{box-shadow:0 0 #9ce7d7b8}70%{box-shadow:0 0 0 12px #9ce7d700}to{box-shadow:0 0 #9ce7d700}}@media (max-width: 820px){.page{min-height:100dvh;background:radial-gradient(circle at 50% 34%,rgba(166,222,255,.42),transparent 36%),radial-gradient(circle at 18% 18%,rgba(156,231,215,.2),transparent 30%),radial-gradient(circle at 85% 78%,rgba(98,185,239,.18),transparent 34%),linear-gradient(135deg,#f8fcff,#eef8ff 55%,#f8fbff)}.hero{min-height:100dvh;padding:22px 18px}.hero-card{width:min(430px,92vw);transform:translateY(4px)}.logo-wrap{width:175px;margin-bottom:16px}.eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:14px}h1{font-size:clamp(44px,13vw,62px);letter-spacing:-.065em;margin-bottom:14px}.subtitle{max-width:340px;font-size:15.5px;line-height:1.65}.status-pill{margin-top:22px;padding:10px 14px;font-size:12px;gap:8px}.pulse-dot{width:8px;height:8px}.bubble{min-height:38px;padding:8px 12px 8px 8px;gap:7px;max-width:174px;white-space:normal;line-height:1.15;font-size:10.8px;font-weight:800;box-shadow:0 14px 28px #1f58821a,inset 0 1px #ffffffd1}.bubble-icon{width:24px;height:24px;flex:0 0 24px;font-size:13px}.bubble-1{top:7%;left:5%}.bubble-2{top:12%;right:4%}.bubble-3{top:auto;bottom:10%;left:5%}.bubble-4{display:none}.bubble-5{top:auto;bottom:26%;right:4%}.bubble-6,.bubble-7{display:none}.bubble-8{top:auto;bottom:18%;right:6%;left:auto}.bubble-9{display:none}.orbital-one{width:430px;height:430px}.orbital-two{width:570px;height:570px}.ambient-one{width:280px;height:280px;left:-18%;top:0%}.ambient-two{width:310px;height:310px;right:-22%;bottom:4%}.ambient-three{width:360px;height:360px}@keyframes logoIntro{0%{width:min(340px,78vw);transform:translateY(88px) scale(1.02)}70%{width:min(340px,78vw);transform:translateY(88px) scale(1.02)}to{width:175px;transform:translateY(0) scale(1)}}}@media (max-width: 520px){.hero{padding:18px 16px}.hero-card{width:100%;transform:translateY(6px)}.logo-wrap{width:156px;margin-bottom:15px}.eyebrow{font-size:9.5px;letter-spacing:.11em;margin-bottom:12px}h1{font-size:clamp(40px,14vw,54px);margin-bottom:12px}.subtitle{max-width:300px;font-size:14.5px;line-height:1.62}.status-pill{margin-top:20px;font-size:11.5px}.bubble{min-height:34px;max-width:145px;padding:7px 10px 7px 7px;gap:6px;font-size:9.8px;line-height:1.12}.bubble-icon{width:22px;height:22px;flex-basis:22px;font-size:12px}.bubble-1{top:5.5%;left:4%}.bubble-2{top:12%;right:3%}.bubble-3{bottom:7%;left:4%}.bubble-5{bottom:25%;right:3%}.bubble-8{bottom:16%;right:6%}.orbital-one{width:370px;height:370px}.orbital-two{width:500px;height:500px}@keyframes logoIntro{0%{width:min(300px,76vw);transform:translateY(84px) scale(1.02)}70%{width:min(300px,76vw);transform:translateY(84px) scale(1.02)}to{width:156px;transform:translateY(0) scale(1)}}}@media (max-width: 390px){.logo-wrap{width:145px}h1{font-size:39px}.subtitle{max-width:280px;font-size:13.8px}.bubble{max-width:132px;font-size:9.2px}.bubble-1{top:5%;left:3%}.bubble-2{top:11%;right:3%}.bubble-5{bottom:24%;right:3%}.bubble-8{bottom:15%;right:4%}@keyframes logoIntro{0%{width:min(280px,76vw);transform:translateY(82px) scale(1.02)}70%{width:min(280px,76vw);transform:translateY(82px) scale(1.02)}to{width:145px;transform:translateY(0) scale(1)}}}