*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#222;background:#e8e6dc;min-height:100vh;margin:0;padding:0;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.main-header{background:#fcfbf5;border-bottom:1px solid #f0eee6;justify-content:space-between;align-items:center;padding:2rem 3vw 1.5rem;display:flex}.logo{letter-spacing:.1em;font-size:1.5rem;font-weight:700}.logo-link:hover,.logo-link:focus{color:#222}.nav-list{align-items:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#222;background:0 0;border:none;padding:.5rem .25rem;font-size:1rem;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link:focus{color:#b0aea5}.btn-pill{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;padding:.5rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.5;transition:background .2s;display:inline-block}.btn-pill:hover,.btn-pill:focus{background:#000}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;min-height:100vh;padding:1rem 2vw;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;object-position:center;z-index:-1;pointer-events:none;opacity:1;background:#000;width:100%;height:100%;transition:opacity 3s;position:absolute;inset:0;transform:scale(1.07)}.hero-video.video-ended{opacity:0;visibility:hidden;transition:opacity 1.2s,visibility 0s 1.2s}.hero-logo,.hero-title,.hero-subtitle{z-index:2;pointer-events:none;position:relative}.hero-logo{z-index:3;opacity:0;width:500px;max-width:18vw;height:auto;margin-bottom:1.5rem;animation:.8s 5s forwards fadeInUp}.hero-overlay{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero-panel{flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s,transform .8s;display:flex}.hero-panel.hidden{opacity:0;pointer-events:none;transform:translateY(-10px)scale(.98)}.hero-phone{z-index:3;width:640px;max-width:56vw;height:auto;transition:transform .3s;position:static;transform:none}.hero-phone-area{opacity:0;pointer-events:none;z-index:3;flex-direction:column;align-items:center;gap:1rem;transition:opacity .6s,transform .6s;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-38%)}.hero-phone-area.show{opacity:1;pointer-events:auto}.phone-side-text{color:#111;text-align:center;z-index:5;background:0 0;max-width:760px;margin-top:1rem;padding:0 1rem;font-size:1.1rem;font-weight:400;position:relative}.phone-subtext{color:#444;margin-top:.35rem;font-size:1.1rem;font-weight:400}.hero-title{color:#222;justify-content:center;gap:.35rem;max-width:860px;margin:2.5rem auto 1.5rem;font-size:3rem;font-weight:400;line-height:1.05;display:flex}.hero-word,.hero-subtitle{opacity:0;animation:.6s forwards fadeInUp;transform:translateY(20px)}.hero-word{animation-delay:calc(var(--word-index) * 1s + 1s);margin:0;display:inline-block}.hero-subtitle{color:#444;max-width:950px;margin-bottom:3rem;font-size:1.5rem;animation-delay:4s}.hero-block-title{color:#222;margin-bottom:.8rem;font-size:1.3rem}.hero-block-text{color:#444;max-width:800px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6}.join-btn-wrapper{opacity:0;pointer-events:none;justify-content:center;margin:2rem 0 0;transition:opacity .7s;display:flex}.join-btn-wrapper.show{opacity:1;pointer-events:auto}.cta-block{text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:1200px;margin:2rem auto 10rem;padding:0 2rem;display:flex}.join-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;transition:background .2s,transform .2s;box-shadow:0 4px 16px #00000014}.join-btn:hover,.join-btn:focus{background:#000;transform:translateY(-2px)scale(1.04)}.mission-vision-section,.app-section{--scroll-progress:0;width:100%;max-width:1200px;margin:2rem auto;padding:0 2rem}.app-section-title{text-align:center;color:#222;margin:2.5rem 0 1.5rem;font-size:1.8rem;font-weight:700}.about-section{width:100%;max-width:1200px;margin:2rem auto;padding:0 2rem}.about-section .hero-block-text{margin-bottom:4rem}.about-section .hero-block-text,.mission-vision-section .hero-block-text,.cta-block .hero-block-text{max-width:920px;margin:0 auto 1.5rem}.row-layout{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.row-block{text-align:center;background:#fcfbf5;border-radius:24px;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:center;min-width:260px;max-width:360px;min-height:320px;padding:2rem;display:flex;box-shadow:0 18px 40px #0000000f}.row-block .block-inner{text-align:center;width:100%;margin:0}.mission-vision-section{text-align:center}.mission-vision-block{flex-direction:column;align-items:center;gap:1.5rem;width:100%;margin-bottom:4rem;padding:0 1rem;display:flex}.block-inner{text-align:center;width:100%}.block-image,.mission-image,.vision-image{aspect-ratio:1;object-fit:contain;background:#fcfbf5;border-radius:16px;width:350px;height:350px;margin:0 auto 2rem;padding:1.5rem;display:block;box-shadow:0 12px 22px #00000014}.hero-divider{background-color:#222;border:0;width:50%;height:1px;margin:8rem auto}.main-footer{color:#222;background:#fcfbf5;border-top:1px solid #f0eee6;justify-content:center;align-items:center;margin-top:4rem;padding:1.5rem 3vw;display:flex;box-shadow:0 -4px 20px #00000005}.footer-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.footer-logo{letter-spacing:.1em;font-size:1.3rem;font-weight:700}.footer-text{color:#444;text-align:center;font-size:1rem;line-height:1.4;display:block}.homeapp-page{flex-direction:column;min-height:100dvh;display:flex}.homeapp-header{background:#fcfbf5;border-bottom:1px solid #f0eee6;justify-content:space-between;align-items:center;padding:1.5rem 3vw;display:flex}.homeapp-body{flex:1;padding:1.5rem 3vw}.bottom-nav{background:#fcfbf5;border-top:1px solid #f0eee6;justify-content:space-around;align-items:center;padding:.75rem 1rem 1.25rem;display:flex;position:sticky;bottom:0}.bottom-nav-item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.4rem;padding:.25rem .75rem;display:flex}.bottom-nav-circle{background:#000;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:background .2s;display:flex;overflow:hidden}.bottom-nav-item.active .bottom-nav-circle{background:#fff}.bottom-nav-item:not(.active):hover .bottom-nav-circle,.bottom-nav-item:not(.active):focus .bottom-nav-circle{background:#222}.bottom-nav-icon{object-fit:contain;width:60%;height:60%}.bottom-nav-label{color:#888;letter-spacing:.04em;font-family:inherit;font-size:.75rem;font-weight:600;transition:color .2s}.bottom-nav-item.active .bottom-nav-label{color:#111}.auth-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1111118c;justify-content:center;align-items:center;padding:1rem;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:#fcfbf5;border-radius:20px;width:100%;max-width:420px;padding:2.5rem 2rem 2rem;animation:.22s slideUp;position:relative;box-shadow:0 24px 60px #0000002e}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .45rem;font-size:1.1rem;line-height:1;transition:background .15s,color .15s;position:absolute;top:1rem;right:1rem}.auth-close:hover{color:#222;background:#f0eee6}.auth-title{color:#111;text-align:center;margin:0 0 .3rem;font-size:1.45rem;font-weight:700}.auth-subtitle{color:#555;text-align:center;margin:0 0 1.5rem;font-size:.97rem;line-height:1.5}.auth-tabs{border-bottom:1.5px solid #e8e6dc;margin-bottom:1.4rem;display:flex}.auth-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;flex:1;margin-bottom:-1.5px;padding:.6rem 0;font-family:inherit;font-size:.97rem;font-weight:500;transition:color .15s,border-color .15s}.auth-tab--active{color:#111;border-bottom-color:#111}.auth-btn-google{color:#222;cursor:pointer;background:#fff;border:1.5px solid #d4d2cc;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-bottom:.75rem;padding:.7rem 1rem;font-family:inherit;font-size:.97rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.auth-btn-google:hover{background:#f7f6f0;border-color:#b0aea5}.auth-divider{color:#aaa;align-items:center;gap:.75rem;margin:.6rem 0 1rem;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e8e6dc;flex:1;height:1px}.auth-label{color:#333;margin-bottom:.3rem;font-size:.88rem;font-weight:600;display:block}.auth-input{color:#111;background:#fff;border:1.5px solid #d4d2cc;border-radius:10px;outline:none;width:100%;margin-bottom:.9rem;padding:.65rem .9rem;font-family:inherit;font-size:.97rem;transition:border-color .15s,box-shadow .15s;display:block}.auth-input:focus{border-color:#111;box-shadow:0 0 0 3px #11111114}.auth-btn-full{text-align:center;width:100%;min-height:44px;margin-top:.25rem;display:block}.auth-btn-secondary{color:#111;cursor:pointer;background:0 0;border:1.5px solid #111;border-radius:10px;width:100%;margin-bottom:.75rem;padding:.65rem 1rem;font-family:inherit;font-size:.97rem;font-weight:600;transition:background .15s;display:block}.auth-btn-secondary:hover{background:#f0eee6}.auth-error{color:#c0392b;background:#fff0f0;border:1px solid #f5c6c6;border-radius:8px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.88rem}.auth-info{color:#1a6aa6;background:#f0f7ff;border:1px solid #b8d9f5;border-radius:8px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.88rem}.auth-footer-text{text-align:center;color:#666;margin-top:1rem;margin-bottom:0;font-size:.88rem}.auth-link{color:#111;font-weight:700;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.auth-verify-icon{text-align:center;margin-bottom:.75rem;font-size:2.8rem}.auth-spinner{vertical-align:middle;border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.hero-phone{width:520px;max-width:50vw;left:25%}.hero-phone-area{gap:0;left:40%}.hero-logo{width:420px;max-width:22vw}.hero-title{font-size:2.4rem}}@media (width<=900px){.hero-phone{width:320px;max-width:46vw;margin:0 auto;position:relative;top:auto;left:auto;transform:none}.hero-phone-area{flex-direction:column;align-items:center;gap:.6rem;left:50%;transform:translate(-50%,-50%)}.hero-logo{width:340px;max-width:48vw;margin-bottom:1rem}.hero-title{gap:.25rem;margin:1.5rem 0 1rem;font-size:clamp(1.6rem,6vw,2rem)}.mission-vision-section,.app-section{padding:0 1rem}.mission-vision-block{display:block}.block-inner,.mission-block .block-inner,.vision-block .block-inner{text-align:center;width:100%;margin:0}}@media (width>=900px){.hero-phone-area .hero-block-text{font-size:1.6rem;line-height:1.4}}@media (width<=600px){.hero-phone{z-index:4;width:280px;max-width:56vw;margin:0 auto;display:block;position:relative;top:auto;left:auto;transform:none}.hero-phone-area{flex-direction:column;align-items:center;gap:0;left:50%;transform:translate(-50%,-45%)}.phone-side-text{text-align:center;max-width:80vw;margin-top:0;margin-left:0;padding-top:0}.phone-subtext{margin-top:0}.phone-side-text .hero-block-title{margin:.25rem 0 .6rem;font-size:1rem;line-height:1.25}.hero-panel{padding:0 1rem}.hero-logo{width:220px;max-width:62vw;margin-bottom:.8rem}.hero-title{flex-direction:column;gap:.2rem;font-size:1.4rem}.join-btn{padding:.8rem 1.6rem;font-size:1rem}.main-header{padding:.6rem 3vw}.logo{letter-spacing:.06em;font-size:1.05rem}.nav-list{gap:.75rem}.nav-link{padding:.35rem .25rem;font-size:.95rem}.btn-pill{padding:.45rem .9rem;font-size:.95rem}}