*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}body{min-height:100vh;height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 50%,#FFF 0,#F7FAFC 60%,#EDF2F7 100%);font-family:'Barlow',sans-serif;font-weight:400;color:#1A2B4A;position:relative;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:linear-gradient(#F0F4F8 1px,transparent 1px),linear-gradient(90deg,#F0F4F8 1px,transparent 1px);background-size:48px 48px;opacity:.7}.glow-dots{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.dot{position:absolute;border-radius:50%;background:#00E5FF;box-shadow:0 0 16px rgba(0,229,255,0.45),0 0 36px rgba(0,229,255,0.18);opacity:.2;will-change:transform,opacity}.dot-1{width:7px;height:7px;top:18%;left:22%;animation:driftA 11s ease-in-out infinite}.dot-2{width:5px;height:5px;top:28%;left:72%;animation:driftB 14s ease-in-out infinite}.dot-3{width:6px;height:6px;top:52%;left:38%;opacity:.32;box-shadow:0 0 20px rgba(0,229,255,0.55),0 0 42px rgba(0,229,255,0.22);animation:driftC 10s ease-in-out infinite}.dot-4{width:8px;height:8px;top:58%;left:58%;opacity:.3;box-shadow:0 0 22px rgba(0,229,255,0.5),0 0 44px rgba(0,229,255,0.2);animation:driftA 13s ease-in-out infinite reverse}.dot-5{width:5px;height:5px;top:72%;left:25%;animation:driftB 12s ease-in-out infinite}.dot-6{width:6px;height:6px;top:78%;left:68%;animation:driftC 15s ease-in-out infinite reverse}.dot-7{width:4px;height:4px;top:15%;left:48%;animation:driftA 9s ease-in-out infinite}.dot-8{width:5px;height:5px;top:85%;left:45%;animation:driftB 16s ease-in-out infinite}@keyframes driftA{0%,100%{transform:translate(0,0)}25%{transform:translate(18px,-14px)}50%{transform:translate(-8px,-22px)}75%{transform:translate(-20px,6px)}}@keyframes driftB{0%,100%{transform:translate(0,0)}25%{transform:translate(-16px,10px)}50%{transform:translate(12px,20px)}75%{transform:translate(20px,-12px)}}@keyframes driftC{0%,100%{transform:translate(0,0)}25%{transform:translate(10px,-18px)}50%{transform:translate(-14px,-8px)}75%{transform:translate(-6px,16px)}}.hero-card{position:relative;z-index:2;background:#FFF;border-radius:2px;box-shadow:0 2px 16px rgba(26,43,74,0.06),0 8px 32px rgba(26,43,74,0.04);padding:clamp(28px,4vw,44px) clamp(24px,5vw,48px);max-width:580px;width:calc(100% - 32px);text-align:center;transition:transform .35s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .35s cubic-bezier(0.25,0.46,0.45,0.94);border:1px solid rgba(240,244,248,0.8)}.hero-card:focus-within{transform:translateY(-2px);box-shadow:0 4px 20px rgba(26,43,74,0.1),0 12px 40px rgba(26,43,74,0.06)}.hero-card img.logo{display:block;margin:0 auto clamp(16px,2.5vw,22px);width:clamp(44px,6vw,56px);height:auto}.hero-card h1{font-family:'Barlow',sans-serif;font-weight:700;font-size:clamp(36px,5vw,48px);line-height:1.08;letter-spacing:-0.025em;color:#1A2B4A;margin-bottom:clamp(10px,1.5vw,14px)}.hero-card .supporting-text{font-family:'Barlow',sans-serif;font-weight:400;font-size:clamp(18px,2.5vw,20px);line-height:1.45;color:#4A5568;margin-bottom:clamp(20px,3vw,28px);max-width:440px;margin-left:auto;margin-right:auto}.hero-card .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:clamp(22px,3.5vw,30px)}.hero-card .tag{display:inline-flex;align-items:center;gap:7px;font-family:'Barlow',sans-serif;font-weight:400;font-size:14px;color:#1A2B4A;border:1px solid #00E5FF;border-radius:2px;padding:7px 15px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;cursor:default;background:#FAFDFF}.hero-card .tag:hover{transform:scale(1.03);box-shadow:0 0 12px rgba(0,229,255,0.12);border-color:#00C8E0}.hero-card .tag:focus-visible{transform:scale(1.03);box-shadow:0 0 12px rgba(0,229,255,0.12);border-color:#00C8E0;outline:2px solid #00E5FF;outline-offset:2px}.hero-card .tag svg{flex-shrink:0}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Barlow',sans-serif;font-weight:700;font-size:18px;color:#FFF;background:linear-gradient(135deg,#1A2B4A 0,#0D6E7D 100%);height:56px;padding:0 36px;border-radius:2px;border:none;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 3px 12px rgba(26,43,74,0.2);-webkit-tap-highlight-color:transparent;user-select:none;outline:none;min-width:220px}.cta-button:hover{box-shadow:0 6px 22px rgba(26,43,74,0.28),0 0 0 2px rgba(0,229,255,0.2)}.cta-button:focus-visible{box-shadow:0 6px 22px rgba(26,43,74,0.28),0 0 0 3px rgba(0,229,255,0.35);outline:none}.cta-button:active{transform:scale(0.96);box-shadow:0 2px 8px rgba(26,43,74,0.25)}.cta-button .loading-bar{position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,0.55);width:0;transition:width .85s cubic-bezier(0.4,0,0.2,1);border-radius:0 1px 1px 0;pointer-events:none}.cta-button.loading .loading-bar{width:100%}.cta-button.loading{pointer-events:none;opacity:.9}.cta-button .arrow-icon{display:inline-block;transition:transform .2s ease}.cta-button:hover .arrow-icon{transform:translateX(3px)}@media(hover:hover){.hero-card:hover{transform:perspective(800px) rotateY(-3deg) rotateX(1.5deg);box-shadow:0 8px 36px rgba(0,229,255,0.14),0 4px 20px rgba(26,43,74,0.08),0 0 0 1px rgba(0,229,255,0.08)}}@media(max-width:640px){.grid-overlay{display:none}.hero-card{padding:24px 20px;max-width:calc(100% - 24px);width:calc(100% - 24px)}.cta-button{width:100%;height:max(56px,44px);padding:0 20px;min-width:0}.hero-card .tags{gap:8px}.hero-card .tag{padding:6px 12px;font-size:13px}.glow-dots .dot-3,.glow-dots .dot-4{opacity:.2}}@media(prefers-reduced-motion:reduce){.dot{animation:none!important;transition:opacity 3s ease-in-out}.dot-1,.dot-5{animation:breathA 5s ease-in-out infinite!important}.dot-2,.dot-6{animation:breathB 6s ease-in-out infinite!important}.dot-3,.dot-4{animation:breathA 4s ease-in-out infinite!important}.dot-7,.dot-8{animation:breathB 7s ease-in-out infinite!important}.hero-card{transition:opacity .3s ease!important}.hero-card:hover{transform:none!important;box-shadow:0 2px 16px rgba(26,43,74,0.06),0 8px 32px rgba(26,43,74,0.04)!important}.cta-button{transition:opacity .3s ease!important}.cta-button .loading-bar{transition:opacity .3s ease!important}@keyframes breathA{0%,100%{opacity:.2}50%{opacity:.35}}@keyframes breathB{0%,100%{opacity:.18}50%{opacity:.3}}}@media(hover:none){.hero-card:hover{transform:none!important;box-shadow:0 2px 16px rgba(26,43,74,0.06),0 8px 32px rgba(26,43,74,0.04)!important}}