*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--kk-blue:#1b4fd8;--kk-blue-dk:#1239a6;--kk-blue-lt:#ebf0ff;--kk-yellow:#f59e0b;--kk-yellow-dk:#d97706;--kk-white:#fff;--kk-gray:#f0f2f8;--kk-text:#111827;--kk-muted:#6b7280;--radius-card:24px;--radius-btn:50px}.splash-screen{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,rgba(0,0,0,.08) 0,transparent 16%),linear-gradient(to top,rgba(0,0,0,.08) 0,transparent 16%),var(--kk-white);flex-direction:column;animation:splashIn .5s ease both;transition:opacity .4s ease,transform .4s ease}.splash-screen[data-exit=true]{opacity:0;transform:scale(1.06);pointer-events:none}@keyframes splashIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.splash-content{display:flex;flex-direction:column;align-items:center;z-index:1;animation:splashContentIn .7s ease .15s both}@keyframes splashContentIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.splash-seal{width:160px;height:160px;-o-object-fit:contain;object-fit:contain;border-radius:50%;position:relative;z-index:1}.onboarding-screen{min-height:100dvh;min-height:100vh;background:linear-gradient(180deg,#afafaf 0,#f5f5f5 16%),linear-gradient(0deg,#afafaf 0,#f5f5f5 16%),#f5f5f5;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;overflow-x:hidden;overflow-y:auto;animation:onboardingIn .45s ease both}@keyframes onboardingIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-purpose-header{width:100%;max-width:420px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;padding-top:max(28px,env(safe-area-inset-top))}.app-purpose-seal{width:58px;height:58px;-o-object-fit:contain;object-fit:contain;border-radius:50%;box-shadow:0 8px 18px rgba(1,67,132,.12)}.app-purpose-copy{min-width:0}.app-purpose-kicker{font-family:var(--font-body);font-size:10px;font-weight:800;line-height:1.2;color:#0d5aa7;text-transform:uppercase;letter-spacing:.12em}.app-purpose-title{margin-top:4px;font-family:var(--font-display);font-size:25px;font-weight:800;line-height:1.05;color:var(--kk-blue-dk)}.app-purpose-text{margin-top:8px;font-family:var(--font-body);font-size:12px;font-weight:500;line-height:1.55;color:#536a86}.slide-area{flex:1 0 auto;max-width:380px;justify-content:center;gap:22px;padding-top:22px;transition:opacity .32s ease,transform .32s ease}.slide-area,.slide-media-stack{width:100%;display:flex;flex-direction:column;align-items:center}.slide-media-stack{gap:16px;flex-shrink:0}.slide-area[data-animating=true][data-dir=left]{opacity:0;transform:translateX(-28px)}.slide-area[data-animating=true][data-dir=right]{opacity:0;transform:translateX(28px)}.slide-image-card{position:relative;width:100%;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#014384,#035db7 55%,#0572dc);box-shadow:0 4px 6px rgba(27,79,216,.08),0 12px 32px rgba(27,79,216,.14);isolation:isolate;padding:12px}.slide-carousel-shell{width:100%;position:relative;overflow:visible;display:flex;justify-content:center}.slide-image-wrap{position:relative;width:100%;height:100%;border-radius:14px;overflow:hidden;z-index:1;box-shadow:0 6px 18px rgba(7,35,84,.14)}.slide-image{-o-object-fit:cover;object-fit:cover;display:block;border-radius:14px}.slide-image-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--kk-blue-lt) 0,#dbe4ff 100%)}.slide-image-fallback svg{width:80px;height:80px;opacity:.9}.slide-text{text-align:center;max-width:320px}.slide-title{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--kk-blue-dk);line-height:1.25;margin-bottom:10px}.slide-desc{font-family:var(--font-body);font-size:14px;color:var(--kk-muted);line-height:1.65}.slide-dots{display:flex;align-items:center;gap:8px;min-height:24px}.slide-dot{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;background:#cbd5e1;padding:0;transition:width .25s ease,background .25s ease,border-radius .25s ease}.slide-dot[data-active=true]{width:24px;border-radius:4px;background:var(--kk-blue)}.cta-area{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px;margin-top:20px;margin-bottom:20px}.btn-login,.btn-register{width:100%;padding:15px 24px;border-radius:var(--radius-btn);border:none;cursor:pointer;font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:.02em;transition:transform .15s ease,filter .15s ease;-webkit-tap-highlight-color:transparent}.btn-login:active,.btn-register:active{transform:scale(.97)}.btn-login{background:linear-gradient(180deg,#014384,#035db7 55%,#0572dc);color:var(--kk-white);box-shadow:0 4px 16px rgba(27,79,216,.35)}.btn-login:hover{filter:brightness(1.08)}.btn-register{background:linear-gradient(180deg,#ffd67d,#fcba2c 55%,#fcb315);color:var(--kk-white);box-shadow:0 4px 16px rgba(245,158,11,.35)}.btn-register:hover{filter:brightness(1.05)}.onboarding-footer{display:flex;align-items:center;gap:8px}.footer-seal{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;border-radius:50%}.footer-text{display:flex;flex-direction:column;line-height:1.2}.footer-org{font-family:var(--font-body);font-size:9px;color:var(--kk-muted);text-transform:uppercase;letter-spacing:.06em}.footer-barangay{font-family:var(--font-display);font-size:11px;font-weight:800;color:var(--kk-blue-dk);letter-spacing:.04em}@media (max-height:680px){.app-purpose-header{padding-top:18px}.app-purpose-text{display:none}.app-purpose-title{font-size:22px}.slide-area{padding-top:16px;gap:16px}.slide-media-stack{gap:12px}.slide-title{font-size:17px}.splash-seal{width:130px;height:130px}.cta-area{margin-top:16px}}@media (min-width:480px){.slide-title{font-size:22px}.slide-image-card{max-width:380px}}.onboarding-screen{padding-bottom:max(24px,env(safe-area-inset-bottom))}