*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--ocean:#0077b6;--ocean-light:#00b4d8;--ocean-deep:#023e8a;--coral:#ff6b6b;--coral-dark:#e05555;--sun:#ffd166;--sun-dark:#e6b800;--palm:#06d6a0;--palm-dark:#049a6e;--surface:#fffaf3;--sand:#fff4e0;--sky:#caf0f8;--white:#fff;--ink:#1a1a2e;--ink-light:#4a4a6a;--font-display:"Fredoka",sans-serif;--font-body:"Nunito",sans-serif;--radius:12px;--radius-lg:20px;--radius-xl:24px}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--ink);color:var(--ink);min-height:100dvh}h1,h2,h3{line-height:1.2}.btn,h1,h2,h3{font-family:var(--font-display)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;border:2px solid transparent;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--sm{padding:.55rem 1.25rem;font-size:.95rem}.btn--lg{padding:1rem 2.25rem;font-size:1.15rem}.btn--primary{background:var(--coral);color:var(--white);box-shadow:0 4px 14px #ff6b6b66}.btn--primary:hover{box-shadow:0 6px 20px #ff6b6b80}.btn--sun{background:var(--sun);color:var(--ink);box-shadow:0 4px 14px #ffd16666}.btn--sun:hover{box-shadow:0 6px 20px #ffd16680}.btn--ghost{background:#ffffff26;color:var(--white);border-color:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{background:#ffffff40;box-shadow:none}.btn--outline-white{background:transparent;color:var(--white);border-color:#fff6}.btn--outline-white:hover{background:#ffffff1a;box-shadow:none}.tag{display:inline-block;padding:2px 10px;border-radius:6px;font-size:.72rem;font-weight:700;align-self:flex-start}.tag--blue{background:#e0f0ff;color:var(--ocean)}.tag--red{background:#ffe0e0;color:var(--coral-dark)}.tag--yellow{background:#fff0c0;color:#b88600}.landing{min-height:100dvh;display:flex;flex-direction:column}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:var(--ocean-deep);transition:background .3s,box-shadow .3s,padding .3s}.nav--scrolled{background:#00375ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0000004d;padding:.75rem 2rem}.nav__brand{display:flex;align-items:baseline;gap:.35rem;text-decoration:none}.nav__brand-text{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--white);line-height:1}.nav__brand-excl{color:var(--sun)}.nav__brand-sub{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:1px}.hero{background:linear-gradient(160deg,var(--ocean-deep) 0,var(--ocean) 55%,var(--ocean-light) 100%);padding:5.5rem 2rem 7rem;text-align:center;position:relative;overflow:hidden}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{top:-120px;right:-100px;width:500px;height:500px;background:#ffffff0d}.hero:after{bottom:-100px;left:-80px;width:350px;height:350px;background:#ffffff0a}.hero__inner{position:relative;z-index:1;max-width:700px;margin:0 auto;padding-bottom:1rem}.hero__badge{display:inline-block;background:#ffffff1f;border:1px solid hsla(0,0%,100%,.2);border-radius:100px;padding:.4rem 1.1rem;font-size:.9rem;font-weight:600;color:#ffffffe6;margin-bottom:2rem;letter-spacing:.3px}.hero__badge,.hero__title{font-family:var(--font-display)}.hero__title{font-size:clamp(2.75rem,8vw,5rem);font-weight:700;color:var(--white);line-height:1.08;margin-bottom:1.5rem;letter-spacing:-1px;text-shadow:0 4px 24px rgba(0,0,0,.15)}.hero__title--accent{color:var(--sun)}.hero__desc{font-size:clamp(1rem,2.5vw,1.15rem);color:#ffffffc7;font-weight:600;line-height:1.65;max-width:540px;margin:0 auto 2.75rem}.hero__actions{gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem}.hero__actions,.hero__emojis{display:flex;justify-content:center}.hero__emojis{gap:1.25rem}.hero__emojis span{font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));animation:wave 2.5s ease-in-out infinite}.hero__emojis span:nth-child(2){animation-delay:.3s}.hero__emojis span:nth-child(3){animation-delay:.6s}.hero__emojis span:nth-child(4){animation-delay:.9s}.hero__emojis span:nth-child(5){animation-delay:1.2s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero__tiles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.htile{position:absolute;width:52px;height:52px;background:#ffffff1a;border:1.5px solid hsla(0,0%,100%,.22);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#ffffff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:tileFloat 4s ease-in-out infinite;box-shadow:0 4px 16px #00000026,inset 0 1px #fff3}.htile--1{left:4%;top:18%;rotate:-12deg;animation-delay:0s;animation-duration:4.2s}.htile--2{right:5%;top:14%;rotate:8deg;animation-delay:.6s;animation-duration:3.8s}.htile--3{left:2%;bottom:28%;rotate:-6deg;animation-delay:1s;animation-duration:4.5s}.htile--4{right:3%;bottom:32%;rotate:14deg;animation-delay:1.4s;animation-duration:3.6s}.htile--5{left:18%;bottom:18%;rotate:-8deg;animation-delay:.4s;animation-duration:5s}.htile--6{right:20%;top:22%;rotate:10deg;animation-delay:1.1s;animation-duration:4.8s}.htile--7{left:12%;top:8%;rotate:5deg;animation-delay:1.7s;animation-duration:3.9s}.htile--8{right:13%;bottom:18%;rotate:-15deg;animation-delay:.2s;animation-duration:4.4s}@keyframes tileFloat{0%,to{translate:0 0}50%{translate:0 -14px}}.hero{padding-bottom:80px}.hero__wave{right:0;height:80px;z-index:2;overflow:hidden}.hero__wave,.wsvg{position:absolute;bottom:0;left:0}.wsvg{width:200%;height:100%}.wsvg--back{animation:waveScroll 7s linear infinite}.wsvg--front{animation:waveScroll 11s linear infinite}@keyframes waveScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.cta-section{position:relative;overflow:hidden}.cta-sunburst{position:absolute;width:700px;height:700px;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.sunburst-rays{transform-box:fill-box;transform-origin:center;animation:sunRotate 28s linear infinite}@keyframes sunRotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.section-inner{max-width:960px;margin:0 auto}.section-eyebrow{display:block;font-size:.8rem;color:var(--ocean);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.6rem}.section-eyebrow,.section-title{font-family:var(--font-display);font-weight:700;text-align:center}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--ink);margin-bottom:3rem}.steps-section{background:var(--surface);padding:5.5rem 2rem}.steps{display:flex;align-items:flex-start;gap:1rem}.step{flex:1;text-align:center;padding:2rem 1.5rem;background:var(--white);border-radius:var(--radius-xl);box-shadow:0 2px 16px #0077b612}.step__icon{font-size:2.5rem;margin-bottom:.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.step__num{font-size:.72rem;color:var(--ocean-light);letter-spacing:1px;margin-bottom:.4rem}.step__num,.step__title{font-family:var(--font-display);font-weight:700}.step__title{font-size:1.2rem;color:var(--ink);margin-bottom:.5rem}.step__desc{font-size:.9rem;color:var(--ink-light);line-height:1.55}.step__connector{font-size:1.5rem;color:var(--ocean-light);opacity:.5;flex-shrink:0;margin-top:3.5rem}@media(max-width:680px){.steps{flex-direction:column;gap:.5rem}.step__connector{transform:rotate(90deg);margin:0 auto}}.modes-section{background:var(--sand);padding:5.5rem 2rem}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.mode-card{background:var(--white);border-radius:var(--radius-xl);padding:2rem 1.75rem;box-shadow:0 2px 16px #0077b612;display:flex;flex-direction:column;gap:.65rem;transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent}.mode-card--featured{border-color:var(--coral);box-shadow:0 4px 24px #ff6b6b24}.mode-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #0077b626}.mode-card__emoji{font-size:2.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.mode-card__name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--ink)}.mode-card__desc{font-size:.9rem;color:var(--ink-light);line-height:1.55;flex:1}@media(max-width:680px){.mode-cards{grid-template-columns:1fr}}.cta-section{background:linear-gradient(135deg,var(--ocean-deep) 0,var(--ocean) 100%);padding:5.5rem 2rem}.cta-section__inner{text-align:center}.cta-section__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--white);margin-bottom:.75rem}.cta-section__desc{font-size:1.1rem;color:#ffffffa6;font-weight:600;margin-bottom:2.5rem}.cta-section__actions{justify-content:center}.cta-section__actions,.footer{display:flex;gap:1rem;flex-wrap:wrap}.footer{background:var(--ink);padding:1.75rem 2rem;align-items:center;justify-content:space-between}.footer__brand{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--white)}.footer__brand span{color:var(--sun)}.footer__copy{font-size:.85rem;color:#ffffff73;font-weight:600}.access{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:2rem 1.5rem;background:linear-gradient(135deg,var(--ocean-deep) 0,var(--ocean) 60%,var(--ocean-light) 100%)}.flip-container{perspective:1200px;width:100%;max-width:420px}.flip-inner{display:grid;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,.2,.2,1)}.flip-container.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{grid-row:1;grid-column:1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face--back{transform:rotateY(180deg)}.access__card{background:var(--white);border-radius:var(--radius-lg);padding:2.5rem 2rem;width:100%;box-shadow:0 8px 32px #0003}.access__logo{display:block;width:200px;height:auto;margin:0 auto 1.25rem}.access__back{display:inline-block;font-size:.9rem;color:var(--ocean);text-decoration:none;font-weight:600;margin-bottom:1.5rem}.access__back:hover{text-decoration:underline}.access__title{font-size:1.75rem;color:var(--ocean-deep);margin-bottom:.5rem}.access__desc{font-size:.95rem;color:var(--ink-light);margin-bottom:1.75rem}.access__form{gap:.75rem}.access__field,.access__form{display:flex;flex-direction:column}.access__field{gap:.4rem}.access__label{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--ink)}.access__input{width:100%;padding:.75rem 2.75rem .75rem 1rem;border:2px solid #e2e8f0;border-radius:var(--radius);font-family:var(--font-body);font-size:1rem;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.access__input:focus{border-color:var(--ocean);box-shadow:0 0 0 3px #0077b61f}.access__input::-moz-placeholder{color:#94a3b8}.access__input::placeholder{color:#94a3b8}.access__submit{width:100%;margin-top:.5rem}.access__submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.access__error{font-size:.85rem;color:var(--coral);text-align:center}.access__toggle{background:none;border:none;color:var(--ink-light);font-family:var(--font-body);font-size:.9rem;cursor:pointer;margin-top:1.25rem;width:100%;text-align:center;padding:0}.access__toggle span{color:var(--ocean);font-weight:700;text-decoration:underline;text-underline-offset:2px}.access__input-wrap{position:relative}.field--error .access__input{border-color:var(--coral)}.field--error .access__input:focus{box-shadow:0 0 0 3px #ff6b6b24}.field--valid .access__input{border-color:var(--palm)}.field--valid .access__input:focus{box-shadow:0 0 0 3px #06d6a024}.access__field-icon{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);font-size:.85rem;font-weight:700;pointer-events:none;line-height:1}.icon-ok{color:var(--palm)}.icon-err{color:var(--coral)}.access__eye{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;padding:.2rem .25rem;line-height:1;opacity:.6;transition:opacity .2s ease}.access__eye:hover{opacity:1}.access__field-error{font-size:.8rem;font-weight:600;color:var(--coral)}.access__char-hint{float:right;font-size:.75rem;font-weight:400;color:var(--ink-light)}.access__honeypot{position:absolute;left:-9999px;top:0;width:0;height:0;overflow:hidden}.access__error--lock{background:#ff6b6b14;border:1px solid hsla(0,100%,71%,.22);border-radius:var(--radius);padding:.5rem .85rem}.strength-bar{display:flex;gap:4px;margin-top:.35rem}.strength-bar__segment{height:4px;flex:1;border-radius:2px;background:#e2e8f0;transition:background .3s ease}.strength-bar__segment--weak{background:var(--coral)}.strength-bar__segment--fair{background:var(--sun-dark)}.strength-bar__segment--good{background:var(--ocean-light)}.strength-bar__segment--strong{background:var(--palm)}.strength-label{font-size:.78rem;font-weight:700;transition:color .3s ease}.strength-label--weak{color:var(--coral)}.strength-label--fair{color:var(--sun-dark)}.strength-label--good{color:var(--ocean-light)}.strength-label--strong{color:var(--palm)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.4);border-top:2px solid var(--white);border-radius:50%;flex-shrink:0;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.form--shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.fade-down-enter-active,.fade-down-leave-active{transition:opacity .22s ease,transform .22s ease}.fade-down-enter-from,.fade-down-leave-to{opacity:0;transform:translateY(-5px)}.access__email-sent{text-align:center;padding:.25rem 0 .5rem}.access__email-sent-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.1))}.access__email-sent-hint{font-size:.82rem;color:var(--ink-light);line-height:1.65;margin-top:.75rem}