*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-grey-900);background-color:var(--color-white);overflow-x:hidden}body.nav-open{overflow:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{background:0 0;border:none;outline:none;font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}::selection{background:var(--color-sky-blue);color:var(--color-white)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-grey-100)}::-webkit-scrollbar-thumb{background:var(--color-grey-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-sky-blue)}:focus-visible{outline:2px solid var(--color-sky-blue);outline-offset:2px}.navbar{height:var(--nav-height);z-index:var(--z-navbar);transition:background var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), backdrop-filter var(--duration-normal) var(--ease-out);position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0d1117d9;box-shadow:0 1px #ffffff0d}.nav-container{max-width:var(--container-max);padding:0 var(--space-8);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--space-3);color:var(--color-white);transition:opacity var(--duration-fast) var(--ease-out);z-index:calc(var(--z-navbar) + 1);display:flex}.nav-logo:hover{opacity:.85}.nav-logo-icon{width:40px;height:40px;color:var(--color-sky-blue)}.nav-logo-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;color:var(--color-white);line-height:1.1}.nav-links{align-items:center;gap:var(--space-8);display:flex}.nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#ffffffbf;transition:color var(--duration-fast) var(--ease-out);letter-spacing:.01em}.nav-link:hover{color:var(--color-white)}.nav-link--cta{background:var(--color-sky-blue);padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-spring);color:var(--color-white)!important}.nav-link--cta:hover{background:var(--color-teal-dark);transform:translateY(-1px)}.nav-hamburger{padding:var(--space-2);z-index:calc(var(--z-navbar) + 1);flex-direction:column;gap:5px;display:none}.nav-hamburger span{background:var(--color-white);width:24px;height:2px;transition:transform var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out);border-radius:2px;display:block}.nav-hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.section-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.15em;color:var(--color-sky-blue);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);margin-bottom:var(--space-6);background:#32aadd1a;display:inline-block}.section-tag--light{color:var(--color-white);background:#ffffff26}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-4);letter-spacing:-.03em}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-grey-500);max-width:560px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-16)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(3deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}@keyframes scrollDown{0%{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.reveal{opacity:0;transition:opacity var(--duration-slower) var(--ease-out), transform var(--duration-slower) var(--ease-out);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=900px){.nav-hamburger{display:flex}.nav-links{justify-content:center;gap:var(--space-10);-webkit-backdrop-filter:blur(30px);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);z-index:var(--z-navbar);background:#0d1117f7;flex-direction:column;position:fixed;inset:0}.nav-links.open{opacity:1;pointer-events:all}.nav-link{font-size:var(--font-size-xl);color:#ffffffe6}.section-title{font-size:var(--font-size-2xl)}.section-subtitle{font-size:var(--font-size-base)}}@media (width<=600px){.nav-container{padding:0 var(--space-4)}}.hero{background:linear-gradient(135deg,#1a3a52 0%,#267c94 25%,#32aadd 50%,#2c5ea2 75%,#1a3a52 100%) 0 0/300% 300%;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;animation:12s infinite gradientShift;display:flex;position:relative;overflow:hidden}.hero-bg-pattern{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 10 L40 25 L30 20 L20 25 Z' fill='white' fill-opacity='1'/%3E%3Cpath d='M30 35 L40 50 L30 45 L20 50 Z' fill='white' fill-opacity='1'/%3E%3C/svg%3E");background-size:60px 60px;position:absolute;inset:0}.hero-particles{pointer-events:none;position:absolute;inset:0}.hero-particle{opacity:0;border-radius:2px;animation:6s ease-in-out infinite float;position:absolute}.hero-content{z-index:var(--z-base);text-align:center;padding:var(--space-8);max-width:860px;animation:fadeInUp 1s var(--ease-out) .2s both;position:relative}.hero-logo-wrapper{margin-bottom:var(--space-10);animation:fadeIn 1.2s var(--ease-out) .4s both;justify-content:center;align-items:center;display:inline-flex}.hero-logo{filter:drop-shadow(0 0 40px #32aadd66);width:120px;height:120px;animation:5s ease-in-out infinite float}.hero-logo path[fill=\#1F80AA]{fill:var(--color-golden-amber)!important}.hero-logo path[fill=\#29ABE2]{fill:var(--color-warm-sand)!important}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-black);color:var(--color-white);letter-spacing:-.04em;line-height:var(--line-height-tight);margin-bottom:var(--space-6);text-shadow:0 2px 40px #00000026}.hero-title-highlight{background:linear-gradient(135deg, var(--color-golden-amber), var(--color-warm-sand), var(--color-hot-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--font-size-lg);color:#fffc;line-height:var(--line-height-relaxed);max-width:620px;margin:0 auto var(--space-10);font-weight:var(--font-weight-light)}.hero-subtitle em{color:var(--color-white);font-style:normal;font-weight:var(--font-weight-semibold)}.hero-cta{align-items:center;gap:var(--space-3);background:var(--color-white);color:var(--color-teal-dark);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);padding:var(--space-4) var(--space-10);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-spring);display:inline-flex;box-shadow:0 4px 20px #00000026,0 0 #32aadd00}.hero-cta:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #0003,0 0 0 4px #32aadd4d}.hero-cta:active{transform:translateY(-1px)scale(.99)}.hero-cta-arrow{width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-spring)}.hero-cta:hover .hero-cta-arrow{transform:translateY(3px)}.hero-scroll-indicator{bottom:var(--space-10);border:2px solid #ffffff4d;border-radius:14px;justify-content:center;align-items:flex-start;width:28px;height:44px;padding-top:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero-scroll-dot{background:#ffffffb3;border-radius:2px;width:4px;height:10px;animation:2s ease-in-out infinite scrollDown}.platforms{padding:var(--space-16) 0;background:var(--color-off-white);position:relative}.platforms:before{content:"";background:linear-gradient(to bottom, var(--color-deep-blue), transparent);opacity:.03;height:120px;position:absolute;top:0;left:0;right:0}.platforms-container{max-width:var(--container-max);padding:0 var(--space-8);margin:0 auto}.platform-slider-container{width:100%;position:relative}.platform-grid-wrapper{width:100%;padding:var(--space-4) 0;overflow:hidden}.platform-grid{gap:var(--space-8);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.platform-grid::-webkit-scrollbar{display:none}.platform-card{scroll-snap-align:start;background:var(--color-white);border-radius:var(--radius-xl);transition:transform var(--duration-normal) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-md);border:1px solid var(--color-grey-200);color:inherit;flex-direction:column;flex:0 0 calc(33.333% - 22px);text-decoration:none;display:flex;position:relative;overflow:hidden}.platform-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)scale(1.01)}.platform-card-glow{opacity:0;transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none;border-radius:var(--radius-xl);position:absolute;inset:0}.platform-card:hover .platform-card-glow{opacity:1}.platform-card--relax .platform-card-glow{background:linear-gradient(135deg, var(--color-relax-glow), transparent 60%)}.platform-card--puff .platform-card-glow{background:linear-gradient(135deg, var(--color-puff-glow), transparent 60%)}.platform-card--yimlo .platform-card-glow{background:linear-gradient(135deg, var(--color-yimlo-glow), transparent 60%)}.platform-card-content{z-index:1;padding:var(--space-6);flex-direction:column;flex:1;display:flex;position:relative}.platform-card-image-wrapper{margin-top:auto;margin-bottom:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-grey-100);background:#00000008;justify-content:center;align-items:center;height:200px;display:flex;overflow:hidden}.platform-card-image{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-spring)}.platform-card:hover .platform-card-image{transform:scale(1.04)}.platform-icon{width:48px;height:48px;margin-bottom:var(--space-4);transition:transform var(--duration-normal) var(--ease-spring);justify-content:center;align-items:center;display:flex}.platform-card:hover .platform-icon{transform:scale(1.08)rotate(-3deg)}.platform-card--relax .platform-icon{color:var(--color-relax)}.platform-card--puff .platform-icon{color:var(--color-puff)}.platform-card--yimlo .platform-icon{color:var(--color-yimlo)}.platform-icon svg,.platform-icon img{object-fit:contain;width:100%;height:100%}.platform-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-grey-900);margin-bottom:var(--space-2);letter-spacing:-.02em}.platform-tagline{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.platform-card--relax .platform-tagline{color:var(--color-relax)}.platform-card--puff .platform-tagline{color:var(--color-puff)}.platform-card--yimlo .platform-tagline{color:var(--color-yimlo)}.platform-description{font-size:var(--font-size-base);color:var(--color-grey-700);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);flex:1}.platform-link{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.02em;transition:gap var(--duration-normal) var(--ease-spring);display:inline-flex}.platform-card--relax .platform-link{color:var(--color-relax)}.platform-card--puff .platform-link{color:var(--color-puff)}.platform-card--yimlo .platform-link{color:var(--color-yimlo)}.platform-link svg{width:18px;height:18px;transition:transform var(--duration-normal) var(--ease-spring)}.platform-card:hover .platform-link{gap:var(--space-3)}.platform-card:hover .platform-link svg{transform:translate(4px)}.platform-card:before{content:"";height:4px;transition:height var(--duration-normal) var(--ease-out);position:absolute;top:0;left:0;right:0}.platform-card:hover:before{height:5px}.platform-card--relax:before{background:linear-gradient(90deg, var(--color-relax), var(--color-hot-pink))}.platform-card--puff:before{background:linear-gradient(90deg, var(--color-puff), var(--color-warm-sand))}.platform-card--yimlo:before{background:linear-gradient(90deg, var(--color-yimlo), var(--color-sky-blue))}.platform-card--coming-soon:before{background:linear-gradient(90deg, var(--color-sky-blue), var(--color-teal-dark))}.platform-card--coming-soon{border:1px dashed var(--color-grey-300);background:#fff6}.platform-card--coming-soon:hover{border-style:solid;border-color:var(--color-sky-blue);background:var(--color-white)}.platform-card--coming-soon .platform-card-glow{background:linear-gradient(135deg,#32aadd1a,#0000 60%)}.platform-card--coming-soon .platform-icon,.platform-card--coming-soon .platform-tagline{color:var(--color-sky-blue)}.platform-card--coming-soon .platform-link{color:var(--color-sky-blue);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);width:fit-content;transition:all var(--duration-fast) var(--ease-out);background:#32aadd14;align-items:center;display:inline-flex}.platform-card--coming-soon:hover .platform-link{background:var(--color-sky-blue);color:var(--color-white)!important}.slider-arrow{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-grey-200);width:50px;height:50px;box-shadow:var(--shadow-md);color:var(--color-grey-700);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);z-index:10;background:#ffffffd9;justify-content:center;align-items:center;display:flex;position:absolute;top:55%;transform:translateY(-50%)}.slider-arrow:hover:not(:disabled){background:var(--color-white);color:var(--color-sky-blue);box-shadow:var(--shadow-lg);transform:translateY(-50%)scale(1.08)}.slider-arrow:active:not(:disabled){transform:translateY(-50%)scale(.95)}.slider-arrow:disabled{opacity:0;pointer-events:none}.slider-arrow--prev{left:-25px}.slider-arrow--next{right:-25px}.slider-arrow svg{width:20px;height:20px}.coming-soon{padding:var(--space-16) 0;background:linear-gradient(160deg, #1a3a52 0%, var(--color-teal-dark) 40%, var(--color-deep-blue) 100%);position:relative;overflow:hidden}.coming-soon:after{content:"";opacity:.09;pointer-events:none;z-index:1;background:url(/assets/planet-watermark-BDA9jGof.png) bottom/1400px no-repeat;height:100%;position:absolute;bottom:-10px;left:0;right:0}.coming-soon-bg{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='20' fill='none' stroke='white' stroke-width='1'/%3E%3Ccircle cx='40' cy='40' r='35' fill='none' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E");background-size:80px 80px;position:absolute;inset:0}.coming-soon-container{max-width:var(--container-narrow);padding:0 var(--space-8);margin:0 auto;position:relative}.coming-soon-content{text-align:center}.coming-soon-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-white);margin-bottom:var(--space-6);letter-spacing:-.03em}.coming-soon-text{font-size:var(--font-size-md);color:#ffffffbf;line-height:var(--line-height-relaxed);margin-bottom:var(--space-12);font-weight:var(--font-weight-light)}.mailing-form{margin-bottom:var(--space-12)}.mailing-form-row{gap:var(--space-3);max-width:640px;margin:0 auto;display:flex}.form-group{flex:1}.mailing-form-row .form-group input{width:100%;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);color:var(--color-grey-900);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--duration-fast) var(--ease-out);background:#fffffff2;border:1.5px solid #ffffff26}.mailing-form-row .form-group input::placeholder{color:var(--color-grey-500)}.mailing-form-row .form-group input:focus{border-color:var(--color-sky-blue);background:var(--color-white);box-shadow:0 0 0 3px #32aadd59}.mailing-submit{padding:var(--space-4) var(--space-8);background:var(--color-golden-amber);color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-lg);white-space:nowrap;transition:all var(--duration-normal) var(--ease-spring);box-shadow:0 4px 15px #d9a74a4d}.mailing-submit:hover{background:#c4953f;transform:translateY(-2px);box-shadow:0 6px 20px #d9a74a66}.mailing-submit:active{transform:translateY(0)}.mailing-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;animation:.8s linear infinite spin}.mailing-success{margin-top:var(--space-4);font-size:var(--font-size-base);color:var(--color-success);font-weight:var(--font-weight-semibold);animation:fadeInUp .5s var(--ease-out)}.mailing-error{margin-top:var(--space-4);font-size:var(--font-size-base);color:var(--color-error);font-weight:var(--font-weight-semibold);animation:fadeInUp .5s var(--ease-out)}.coming-soon-alt{padding-top:var(--space-10);border-top:1px solid #ffffff1a}.coming-soon-alt p{font-size:var(--font-size-base);color:#fff9;margin-bottom:var(--space-5)}.coming-soon-contact{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-golden-amber);transition:all var(--duration-fast) var(--ease-out);display:inline-flex}.coming-soon-contact:hover{color:var(--color-warm-sand);gap:var(--space-3)}.coming-soon-contact svg{width:18px;height:18px;transition:transform var(--duration-normal) var(--ease-spring)}.coming-soon-contact:hover svg{transform:translate(4px)}.footer{background:var(--color-dark);color:var(--color-grey-300);position:relative;overflow:hidden}.footer-pattern{background:linear-gradient(90deg, var(--color-teal-dark), var(--color-sky-blue), var(--color-golden-amber), var(--color-coral-pink), var(--color-deep-blue));height:4px;position:absolute;top:0;left:0;right:0}.footer-container{max-width:var(--container-max);padding:var(--space-16) var(--space-8) var(--space-8);margin:0 auto}.footer-top{justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-12);display:flex}.footer-brand{max-width:280px}.footer-logo{align-items:center;gap:var(--space-3);color:var(--color-white);margin-bottom:var(--space-4);transition:opacity var(--duration-fast) var(--ease-out);display:flex}.footer-logo:hover{opacity:.8}.footer-logo-icon{width:40px;height:40px;color:var(--color-sky-blue)}.footer-logo-text{font-size:var(--font-size-base);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-grey-500);font-weight:var(--font-weight-light)}.footer-nav{gap:var(--space-16);display:flex}.footer-nav-col{gap:var(--space-3);flex-direction:column;display:flex}.footer-nav-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.08em}.footer-nav-col a{font-size:var(--font-size-sm);color:var(--color-grey-500);transition:color var(--duration-fast) var(--ease-out)}.footer-nav-col a:hover{color:var(--color-sky-blue)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-grey-500)}.footer-bottom-links{align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);display:flex}.footer-bottom-links a{color:var(--color-grey-500);transition:color var(--duration-fast) var(--ease-out)}.footer-bottom-links a:hover{color:var(--color-sky-blue)}.footer-divider{color:var(--color-grey-700)}@media (width<=1024px){.platform-card{flex:0 0 calc(50% - 12px)}.slider-arrow--prev{left:-15px}.slider-arrow--next{right:-15px}.platform-card-content{padding:var(--space-8)}.footer-top{gap:var(--space-10);flex-direction:column}.footer-nav{gap:var(--space-10)}}@media (width<=768px){.hero{padding-top:var(--nav-height);min-height:auto;padding-bottom:var(--space-20)}.hero-container{text-align:center;gap:var(--space-10);padding:var(--space-20) var(--space-4) 0;grid-template-columns:1fr}.hero-content{text-align:center}.hero-logo-wrapper{margin-bottom:var(--space-4);justify-content:center}.hero-logo{width:80px;height:80px}.hero-feature-image{max-width:90%;margin-top:var(--space-4)}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.platforms{padding:var(--space-20) 0}.platform-card{flex:0 0 100%}.slider-arrow{display:none}.coming-soon{padding:var(--space-20) 0}.mailing-form-row{flex-direction:column}.mailing-submit{width:100%}.coming-soon-title{font-size:var(--font-size-2xl)}.footer-nav{gap:var(--space-8);flex-wrap:wrap}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}}@media (width<=480px){.hero-title{font-size:var(--font-size-2xl)}.hero-cta{font-size:var(--font-size-base);padding:var(--space-3) var(--space-8)}.platform-card-content{padding:var(--space-6)}.platform-icon{width:56px;height:56px}}.modal{z-index:var(--z-modal,1000);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.active{opacity:1;pointer-events:all}.modal-overlay{-webkit-backdrop-filter:blur(8px);background:#0d1117b3;position:absolute;inset:0}.modal-card{z-index:2;background:var(--color-white);border-radius:var(--radius-xl);width:90%;max-width:580px;padding:var(--space-8);box-shadow:var(--shadow-xl);border:1px solid var(--color-grey-200);transition:transform var(--duration-normal) var(--ease-spring);position:relative;transform:translateY(-40px)scale(.95)}.modal.active .modal-card{transform:translateY(0)scale(1)}.modal-close{top:var(--space-4);right:var(--space-4);color:var(--color-grey-500);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:0;font-size:2rem;line-height:1;position:absolute}.modal-close:hover{color:var(--color-grey-900)}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--color-grey-900);margin-bottom:var(--space-2);letter-spacing:-.02em}.modal-subtitle{font-size:var(--font-size-base);color:var(--color-grey-500);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.modal-form{gap:var(--space-4);flex-direction:column;display:flex}.form-row{gap:var(--space-4);display:flex}.form-row .form-group{flex:1}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-grey-900)}.form-group input,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--color-grey-200);background:var(--color-grey-100);color:var(--color-grey-900);font-size:var(--font-size-base);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-sky-blue);background:var(--color-white);box-shadow:0 0 0 4px #32aadd26}.form-group textarea{resize:vertical}.modal-submit{padding:var(--space-4) var(--space-8);background:var(--color-sky-blue);color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-spring);margin-top:var(--space-4);justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 15px #32aadd40}.modal-submit:hover{background:var(--color-teal-dark);transform:translateY(-2px);box-shadow:0 6px 20px #267c9459}.modal-submit:active{transform:translateY(0)}.modal-card--success{text-align:center;max-width:420px;padding:var(--space-10) var(--space-8);flex-direction:column;align-items:center;display:flex}.success-icon-wrapper{border-radius:var(--radius-full);width:64px;height:64px;color:var(--color-success);margin-bottom:var(--space-4);animation:bounceIn .6s var(--ease-spring) both;background:#34d3991a;justify-content:center;align-items:center;display:flex}.success-check-icon{width:32px;height:32px}.modal-ok-btn{width:100%;padding:var(--space-3) 0;background:var(--color-golden-amber);color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-spring);margin-top:var(--space-6);cursor:pointer;box-shadow:0 4px 15px #d9a74a40}.modal-ok-btn:hover{background:#bf913b;transform:translateY(-2px);box-shadow:0 6px 20px #d9a74a66}.modal-ok-btn:active{transform:translateY(0)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:.8;transform:scale(1.05)}70%{opacity:.9;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.form-row{gap:var(--space-4);flex-direction:column}.modal-card{padding:var(--space-6)}}