:root{font-family:Inter,Segoe UI,Helvetica Neue,Arial,Noto Sans Sinhala,Iskoola Pota,Noto Sans Tamil,Latha,sans-serif;line-height:1.6;font-weight:400;color:#0b103a;background-color:#f2f4ff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;--color-primary: #0d1b66;--color-accent: #ffb703;--color-accent-dark: #d98202;--color-surface: #ffffff;--color-ink: #0b103a;--color-muted: #5b6178;--color-muted-strong: #202851;--color-sky: #e7edff;--color-border: rgba(13, 27, 102, .12);--shadow-soft: 0 28px 60px rgba(8, 17, 64, .18)}*{box-sizing:border-box}a,a:hover{color:inherit}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#ffddef99,#fff0 35%),radial-gradient(circle at 85% 10%,#d6e7ffd9,#fff0 45%),linear-gradient(180deg,#f9f9ff,#fdfdff 30%,#fff);color:inherit}#root{min-height:100vh}button{font:inherit;background:none;border:none;color:inherit}p{margin:0}img{max-width:100%;display:block}::selection{background:#ffb70359}.page{min-height:100vh;display:flex;flex-direction:column;gap:clamp(3rem,6vw,5.5rem);padding-top:env(safe-area-inset-top,0px);padding-bottom:clamp(3.5rem,7vw,6rem);color:var(--color-ink)}.hero{margin:clamp(1rem,4vw,2.5rem) clamp(1rem,6vw,3.75rem) 0;padding:clamp(2.8rem,7vw,5.6rem);background:linear-gradient(135deg,#081140f7,#295adbeb);color:#f7f9ff;border-radius:36px;box-shadow:var(--shadow-soft);display:grid;gap:clamp(2rem,4vw,3.5rem)}@media (min-width: 960px){.hero{grid-template-columns:1.1fr .9fr;align-items:center}}.hero__content{display:flex;flex-direction:column;gap:1.6rem;max-width:640px}.hero__brand{display:inline-flex;align-items:center;gap:.9rem;padding:.45rem .9rem;background:#ffffff29;border-radius:999px;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 30px #070e2e47;width:fit-content}.hero__brand img{width:3.2rem;height:3.2rem;border-radius:24%;object-fit:cover;box-shadow:inset 0 0 0 1px #fff6}.hero__brand span{font-weight:700;font-size:1rem;letter-spacing:.18em;text-transform:uppercase}.hero__eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.75rem;font-weight:700;color:#ffffffb3}.hero__title{font-size:clamp(2.6rem,4.2vw,3.6rem);line-height:1.08;margin:0}.hero__copy{margin:0;font-size:clamp(1.05rem,1.6vw,1.2rem);color:#f5f7ffe6}.hero__list{margin:0;padding:0;list-style:none;display:grid;gap:.7rem;font-size:1rem}.hero__list li:before{content:"•";color:var(--color-accent);margin-right:.65rem}.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem}.hero__stat{margin-top:.6rem;display:inline-flex;align-items:center;gap:1.1rem;padding:1.05rem 1.9rem;border-radius:24px;background:#ffffff38;border:1px solid rgba(255,255,255,.38);box-shadow:0 22px 44px #08114047;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero__stat strong{font-size:clamp(2.4rem,5vw,3.2rem);font-weight:800;letter-spacing:-.02em}.hero__stat span{font-size:1rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:.85}.store-badge{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;padding:.85rem 1.6rem;border-radius:999px;text-decoration:none;font-weight:600;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer;flex:1 1 220px;min-width:220px}.store-badge small{display:block;font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.store-badge strong{display:block;font-size:1.05rem}.store-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem}.store-badge__icon svg{width:100%;height:100%;fill:currentColor}.store-badge--apple{background:#ffffff29;border:1px solid rgba(255,255,255,.35);color:#fff}.store-badge--google{background:linear-gradient(135deg,#34a853,#4285f4 60%,#fbbc05);color:#fff;border:1px solid rgba(255,255,255,.18)}.store-badge:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0a144640}.hero__meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.9rem;color:#f5f7ffbf}.hero__meta span:before{content:"•";margin-right:.45rem;color:#f5f7ff8c}.hero__meta span:first-child:before{content:"";margin-right:0}.hero__card{position:relative;background:linear-gradient(165deg,#fffffff2,#e7f0ffe6);color:var(--color-ink);border-radius:28px;padding:clamp(2rem,5vw,2.9rem);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1.4rem;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero__card-label{margin:0;text-transform:uppercase;letter-spacing:.24em;font-size:.7rem;color:#0811408c}.hero__card-title{margin:0;font-size:clamp(1.35rem,2.4vw,1.7rem);line-height:1.4}.hero__card-body{display:flex;gap:1.2rem;align-items:center}.hero__card-date{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(160deg,var(--color-primary) 0%,rgba(13,27,102,.78) 100%);color:#fff;min-width:5.2rem;min-height:5.2rem;padding:.75rem .8rem;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff1f}.hero__card-day{font-size:2rem;font-weight:700;line-height:1}.hero__card-month{font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}.hero__card-details{display:flex;flex-direction:column;gap:.8rem;max-width:360px}.hero__card-event{display:flex;flex-direction:column;gap:.35rem}.hero__card-event-title{font-size:1.08rem;font-weight:700;color:var(--color-primary)}.hero__card-description{display:block;margin:0;color:var(--color-muted);font-size:.95rem;line-height:1.45}.hero__card-tag{display:inline-flex;align-self:flex-start;align-items:center;padding:.35rem .65rem;border-radius:999px;background:#0d1b661a;color:var(--color-primary);font-size:.75rem;font-weight:600;letter-spacing:.04em}.hero__card-footnote{margin:0;font-size:.9rem;color:#081140b3}.section-header{margin:0 clamp(1rem,6vw,3.75rem);display:flex;flex-direction:column;gap:1rem;max-width:780px}.section-eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.75rem;color:var(--color-accent-dark)}.section-header h2{margin:0;font-size:clamp(2rem,3.4vw,2.6rem);color:var(--color-primary)}.section-header p{margin:0;color:var(--color-muted);font-size:1rem}.features{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem)}.feature-grid{margin:0 clamp(1rem,6vw,3.75rem);display:grid;gap:1.4rem}@media (min-width: 720px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1120px){.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.feature-card{background:var(--color-surface);border-radius:20px;padding:1.8rem;border:1px solid var(--color-border);box-shadow:0 14px 28px #0c175414;display:flex;flex-direction:column;gap:.85rem}.feature-card h3{margin:0;font-size:1.2rem;color:var(--color-primary)}.feature-card p{margin:0;color:var(--color-muted);font-size:.95rem}.calendar{display:flex;flex-direction:column;gap:clamp(1.8rem,3vw,2.4rem)}.calendar__header{margin:0 clamp(1rem,6vw,3.75rem);display:flex;flex-direction:column;gap:1.4rem}.year-switcher{display:flex;gap:.75rem}.year-switcher button{border:1px solid rgba(255,255,255,.5);background:#0d1b66e0;color:#fff;padding:.65rem 1.2rem;border-radius:999px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.year-switcher button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #0d1b6640}.year-switcher button:disabled{opacity:.65;cursor:not-allowed}.calendar__controls{margin:0 clamp(1rem,6vw,3.75rem);display:flex;flex-direction:column;gap:1rem}@media (min-width: 960px){.calendar__controls{flex-direction:row;align-items:center;justify-content:space-between}}.month-filter{display:flex;flex-wrap:wrap;gap:.6rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.month-filter::-webkit-scrollbar{display:none}.month-filter button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted-strong);padding:.55rem 1rem;border-radius:999px;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.month-filter button.is-active{background:var(--color-primary);color:#fff;border-color:transparent;box-shadow:0 12px 20px #0d1b6647}.month-filter button:hover:not(.is-active){transform:translateY(-2px)}.calendar__status{margin:0 clamp(1rem,6vw,3.75rem);padding:1.2rem 1.6rem;background:#ffffffd1;border-radius:18px;border:1px solid rgba(0,0,0,.05);color:var(--color-muted);font-weight:600}.calendar__status--error{border-color:#dc26264d;color:#b91c1c;background:#fee2e2cc}.calendar__grid{margin:0 clamp(1rem,6vw,3.75rem);display:grid;gap:1.4rem}@media (min-width: 960px){.calendar__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.calendar__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.month-card{background:var(--color-surface);border-radius:26px;padding:1.8rem 1.6rem 1.6rem;border:1px solid var(--color-border);box-shadow:0 16px 32px #0c175414;display:flex;flex-direction:column;gap:1rem}.month-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.month-card__header h3{margin:0;font-size:1.4rem;color:var(--color-primary)}.month-card__count{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.month-card__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1.1rem}.calendar-event{display:flex;gap:1.1rem;align-items:flex-start}.calendar-event__date{width:4.5rem;min-width:4.5rem;background:var(--color-sky);border-radius:16px;border:1px solid rgba(13,27,102,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem .4rem;color:var(--color-primary)}.calendar-event__day{font-size:1.8rem;font-weight:700;line-height:1}.calendar-event__weekday{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.calendar-event__body{flex:1 1 auto;display:flex;flex-direction:column;gap:.45rem;color:var(--color-ink)}.calendar-event__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.calendar-event__title-row h4{margin:0;font-size:1.1rem;color:var(--color-primary)}.calendar-event__tag{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:999px;background:#0d1b661f;color:var(--color-primary);font-size:.7rem;font-weight:600;letter-spacing:.04em}.calendar-event__info{margin:0;color:var(--color-muted);font-size:.95rem}.calendar-event__meta{margin:0;font-size:.85rem;color:#0b103a8c}.calendar-event__date-detail{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#0b103a73}.cta{margin:0 clamp(1rem,6vw,3.75rem)}.cta__inner{background:linear-gradient(135deg,#0d1b66eb,#435dd4d9);color:#f7f9ff;padding:clamp(2.8rem,6vw,4.2rem);border-radius:32px;display:grid;gap:2rem;box-shadow:var(--shadow-soft)}@media (min-width: 900px){.cta__inner{grid-template-columns:1.1fr auto;align-items:center}}.cta__inner h2{margin:0;font-size:clamp(2rem,3.2vw,2.6rem)}.cta__inner p{margin:1rem 0 0;max-width:560px;color:#f5f7ffd9}.cta__inner .store-badge{border:1px solid rgba(255,255,255,.32)}.footer{margin:0 clamp(1rem,6vw,3.75rem)}.footer__inner{background:#ffffffeb;border-radius:26px 26px 0 0;padding:2.2rem clamp(1.4rem,5vw,2.8rem);display:flex;flex-direction:column;gap:1.4rem;border:1px solid rgba(13,27,102,.08)}.footer__brand{display:inline-flex;align-items:center;gap:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary)}.footer__brand img{width:3.2rem;height:3.2rem;border-radius:20%;object-fit:cover;box-shadow:0 10px 20px #0d1b6626}.footer__brand span{display:inline-block}.footer__inner p{margin:.4rem 0 0;max-width:520px;color:var(--color-muted)}.footer__nav{display:flex;flex-wrap:wrap;gap:1rem}.footer__nav a{color:var(--color-primary);text-decoration:none;font-weight:600;letter-spacing:.05em}.footer__nav a:hover{text-decoration:underline}.footer__legal{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#0b103a8c}@media (max-width: 900px){.hero{padding:clamp(2.2rem,6vw,3.2rem)}.hero__card{padding:clamp(1.7rem,5.5vw,2.5rem)}}@media (max-width: 640px){.hero{margin:.5rem clamp(.8rem,7vw,1.6rem) 0;padding:clamp(1.8rem,8vw,2.8rem);border-radius:28px}.hero__content{gap:1.2rem}.hero__stat{width:100%;justify-content:center;text-align:center;flex-direction:column;gap:.4rem;padding:.85rem 1.15rem}.hero__stat strong{font-size:clamp(2.2rem,8vw,2.6rem)}.hero__stat span{letter-spacing:.12em;font-size:.9rem}.hero__copy{font-size:1rem}.hero__card{padding:clamp(1.6rem,7vw,2.3rem);border-radius:24px}.hero__card-body{flex-direction:column;align-items:flex-start;gap:1rem}.hero__card-date{min-width:4.8rem;min-height:4.8rem;padding:.65rem .75rem}.hero__card-details{max-width:100%}.calendar__controls{margin:0 clamp(.8rem,7vw,1.6rem);gap:.75rem}.month-filter{gap:.45rem}.month-card{padding:1.6rem 1.4rem;border-radius:22px}.calendar-event{flex-direction:column;gap:.75rem}.calendar-event__date{flex-direction:row;justify-content:flex-start;width:auto;min-width:auto;gap:.6rem;padding:.5rem .75rem}.cta__inner{border-radius:26px}.footer__inner{border-radius:22px 22px 0 0}}@media (max-width: 480px){.hero__brand{padding:.35rem .7rem}.hero__stat{padding:.75rem 1rem}.hero__stat strong{font-size:clamp(2rem,9vw,2.4rem)}.hero__stat span{font-size:.85rem;letter-spacing:.1em}.hero__card-date{min-width:4.4rem;min-height:4.4rem;padding:.55rem .7rem}.hero__title{font-size:clamp(2rem,9vw,2.4rem)}.hero__copy,.hero__list{font-size:.95rem}.hero__card-event-title{font-size:1rem}.hero__cta{flex-direction:column;align-items:stretch;gap:.7rem}.store-badge{width:100%;justify-content:center}.calendar__controls{margin:0 clamp(.6rem,6vw,1.2rem)}.month-filter{flex-wrap:nowrap}.month-filter button{flex:0 0 auto;padding:.5rem .85rem}.month-card__header{flex-direction:column;align-items:flex-start}.hero__card{padding:clamp(1.5rem,8vw,2.1rem)}.cta__inner{padding:clamp(1.9rem,8vw,2.8rem)}.footer__inner{padding:2rem clamp(1rem,6vw,1.8rem)}}