:root {
  --primary: #0f766e; --primary-dark: #0b5f59; --accent: #22c55e; --sky: #0369a1;
  --ink: #0f172a; --muted: #64748b; --line: #dbe5ee; --card: #ffffff; --bg: #f5f9fc;
  --soft: #ecfdf5; --warn: #b45309; --danger: #b91c1c; --shadow: 0 22px 70px rgba(15,23,42,.12);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(34,197,94,.16),transparent 30rem),linear-gradient(180deg,#f8fdff 0%,var(--bg) 45%,#eef7f4 100%);color:var(--ink)}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,select{font:inherit} main{min-height:72vh}.hidden{display:none!important}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(219,229,238,.85);backdrop-filter:blur(16px)}
.navbar{width:min(1180px,calc(100% - 32px));margin:0 auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:950}.brand img{height:88px;width:auto;object-fit:contain}.brand-fallback{display:none}.brand-fallback small{display:block;color:var(--muted);font-size:.72rem}.nav-links{display:flex;align-items:center;gap:8px;font-weight:850}.nav-links>a:not(.btn){padding:10px 12px;border-radius:999px;color:#334155}.nav-links>a:hover,.nav-links>a.active{color:var(--primary);background:#e6fffb}.nav-form{margin:0}.nav-signin-direct{margin-left:auto}.hamburger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:14px;background:white;cursor:pointer;place-items:center;gap:4px;padding:11px}.hamburger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:99px;transition:.2s}.drawer-open .hamburger span:nth-child(1){transform:translateY(6px) rotate(45deg)}.drawer-open .hamburger span:nth-child(2){opacity:0}.drawer-open .hamburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 18px;background:linear-gradient(135deg,var(--primary),#10b981);color:white;font-weight:950;cursor:pointer;box-shadow:0 12px 28px rgba(15,118,110,.24)}.btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.btn-light{background:white;color:var(--primary);box-shadow:none}.btn-muted{background:#e2e8f0;color:#0f172a;box-shadow:none}.btn-small{padding:9px 14px}
.gsi-material-button{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;margin-top:6px;padding:0 2px;border:1px solid #cbd5e1;border-radius:16px;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);color:#0f172a;text-decoration:none;cursor:pointer;overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,.08);transition:transform .18s ease,background-color .218s,border-color .218s,box-shadow .218s}.gsi-material-button:hover{background:#fff;border-color:#94a3b8;box-shadow:0 16px 34px rgba(15,23,42,.14);transform:translateY(-1px)}.gsi-material-button:focus-visible{outline:3px solid rgba(66,133,244,.3);outline-offset:2px}.gsi-material-button-state{position:absolute;inset:0}.gsi-material-button-content-wrapper{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;padding:0 16px;gap:12px}.gsi-material-button-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px}.gsi-material-button-icon svg{width:22px;height:22px}.gsi-material-button-contents{font-family:Roboto,Arial,sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:.15px;color:#0f172a}.gsi-material-button-hidden-copy{display:none}
.hero-pro,.page-hero,.event-detail-hero,.auth-page,.content-section,.stats-band,.flash,.site-footer{width:min(1180px,calc(100% - 32px));margin-left:auto;margin-right:auto}.hero-pro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:38px;align-items:center;padding:72px 0 36px}.hero-content h1,.page-hero h1,.auth-intro h1,.event-detail-hero h1{font-size:clamp(2.35rem,5vw,4.9rem);line-height:.98;letter-spacing:-.055em;margin:10px 0 18px}.hero-content p,.page-hero p,.auth-intro p,.event-detail-hero p,.lead{color:#475569;font-size:1.08rem;line-height:1.75}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);font-size:.78rem;font-weight:950}.hero-actions,.card-actions,.inline-form{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.trust-row span,.chip,.pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;background:#e6fffb;color:#075f59;font-size:.82rem;font-weight:900}.pill.warn{background:#fff7ed;color:var(--warn)}
.hero-visual{position:relative}.hero-visual img,.event-detail-hero>img,.section-image{width:100%;border-radius:32px;object-fit:cover;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.8)}.hero-visual img{aspect-ratio:4/3}.floating-card{position:absolute;right:22px;bottom:22px;padding:18px 22px;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.floating-card strong{display:block;color:var(--primary);font-size:2rem}.floating-card span{color:var(--muted);font-weight:850}
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.stats-band div,.content-section,.auth-box,.info-panel,.donation-head{background:rgba(255,255,255,.93);border:1px solid var(--line);border-radius:28px;box-shadow:0 14px 48px rgba(15,23,42,.07)}.stats-band div{padding:22px}.stats-band strong{display:block;color:var(--primary);font-size:clamp(1.55rem,3vw,2.2rem)}.stats-band span{color:var(--muted);font-weight:850}.content-section{padding:28px;margin-top:28px}.split-section{display:grid;grid-template-columns:1fr .95fr;gap:28px;align-items:center}.section-image{max-height:420px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2,.content-section h2{margin:0 0 8px;font-size:clamp(1.6rem,3vw,2.45rem);letter-spacing:-.035em}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.feature-list span{padding:14px;border-radius:16px;background:var(--soft);font-weight:900;color:#075f59}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.event-card{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:white;display:flex;flex-direction:column}.event-image{min-height:190px;display:grid;place-items:center;background:linear-gradient(135deg,#ccfbf1,#dbeafe);color:var(--primary);font-weight:950}.event-image img{width:100%;height:210px;object-fit:cover}.event-body{padding:18px;display:grid;gap:10px;flex:1}.event-body h3{margin:0;font-size:1.25rem}.event-body p,.meta{margin:0;color:var(--muted);line-height:1.55}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.progress{height:10px;border-radius:999px;overflow:hidden;background:#e2e8f0}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}
.page-hero.small{padding:60px 0 10px;max-width:900px}.page-hero.small h1{font-size:clamp(2rem,4vw,3.6rem)}.event-detail-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;padding:58px 0 8px}.event-detail-hero>img{aspect-ratio:16/10}.detail-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.info-panel,.donation-head{padding:20px}.donation-head{margin-bottom:12px}.donation-head p{color:var(--muted)}.donation-head span{color:var(--primary);font-weight:950}
.schedule-list{display:grid;gap:16px}.schedule-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;align-items:stretch;padding:18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)}.schedule-card-time{display:grid;gap:6px;align-content:start;padding:16px;border-radius:18px;background:#f0fdfa;border:1px solid #ccfbf1}.schedule-card-time strong{font-size:1.05rem;color:var(--primary)}.schedule-card-time span{color:#0f172a;font-weight:800}.schedule-card-body{display:grid;gap:8px;align-content:start}.schedule-card-body h3{margin:0;font-size:1.18rem}.schedule-card-body p{margin:0;color:var(--muted);line-height:1.65}.schedule-card-body small{color:var(--sky);font-weight:900}.schedule-preview-section{display:grid;gap:18px}.schedule-list-full{margin-top:8px}.schedule-card-full{grid-template-columns:190px minmax(0,1fr)}
.schedule-segmented-list{display:grid;gap:12px;margin-top:8px}.schedule-segment-row{display:grid;grid-template-columns:170px 170px minmax(0,1fr) 220px;gap:0;align-items:stretch;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.05)}.schedule-segment{padding:18px 20px;border-right:1px solid var(--line);display:grid;align-content:center}.schedule-segment:last-child{border-right:0}.schedule-segment-date{background:#f8fafc}.schedule-segment-date strong{font-size:1rem;color:var(--primary);line-height:1.4}.schedule-segment-time{background:#f0fdfa}.schedule-segment-time span{font-weight:900;color:#0f172a}.schedule-segment-main h3{margin:0 0 6px;font-size:1.08rem}.schedule-segment-main p{margin:0;color:var(--muted);line-height:1.65}.schedule-segment-venue{background:#fcfffe}.schedule-segment-venue small{color:var(--sky);font-weight:900;line-height:1.6}
.form-section{max-width:980px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px;align-items:end}.form-card{display:grid;gap:13px}label{display:grid;gap:7px;color:#475569;font-weight:850}input,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 13px;background:white;color:var(--ink)}input:focus,select:focus{outline:3px solid rgba(20,184,166,.22);border-color:#14b8a6}.auth-page{display:grid;grid-template-columns:1fr 430px;gap:28px;align-items:center;padding:70px 0}.auth-box{padding:22px}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;background:#e2e8f0;padding:6px;border-radius:16px}.auth-tab{border:0;border-radius:12px;padding:10px;background:transparent;font-weight:950;color:#475569;cursor:pointer}.auth-tab.active{background:white;color:var(--primary);box-shadow:0 8px 20px rgba(15,23,42,.08)}.auth-form .btn,.auth-form .gsi-material-button{width:100%;min-width:0;justify-self:stretch}.auth-form .gsi-material-button{max-width:none}.donation-flow{max-width:1180px}.donate-form{gap:22px}.donate-top-grid,.donate-details-grid{align-items:end}.donation-builder{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:22px;align-items:start}.donation-section-browser,.donation-summary-card{border:1px solid var(--line);border-radius:24px;background:#f8fbff;padding:20px}.donation-browser-header,.donation-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.donation-browser-header h2,.donation-summary-head h2{margin:0 0 6px;font-size:1.35rem}.donation-browser-header p,.donation-summary-head p{margin:0;color:var(--muted);line-height:1.6}.donation-browser-badge{padding:10px 14px;border-radius:999px;background:#e6fffb;color:#075f59;font-weight:900;white-space:nowrap}.donation-section-list{display:grid;gap:14px}.donation-option-card{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:16px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.donation-option-card:hover{border-color:#b7e4dc;box-shadow:0 14px 40px rgba(15,23,42,.08);transform:translateY(-1px)}.donation-option-card h3{margin:8px 0 8px;font-size:1.1rem}.donation-option-card p{margin:0;color:var(--muted);line-height:1.6}.donation-option-meta{display:flex;align-items:baseline;gap:8px;margin-top:12px}.donation-option-meta strong{font-size:1.2rem;color:var(--primary)}.donation-option-meta span{color:var(--muted);font-weight:800}.donation-slot-picker{align-self:stretch}.donation-slot-picker select{height:100%}.donation-summary-card{position:sticky;top:96px;gap:16px}.donation-summary-items{display:grid;gap:12px}.donation-summary-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--line)}.donation-summary-item strong{display:block}.donation-summary-item span{display:block;margin-top:4px;color:var(--muted);font-weight:800}.donation-summary-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}.donation-summary-totals div{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line)}.donation-summary-totals span{display:block;color:var(--muted);font-weight:800}.donation-summary-totals strong{display:block;margin-top:6px;font-size:1.35rem;color:var(--primary)}.empty-state.compact{padding:16px;border-radius:18px}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.data-table th{background:#f8fafc;color:#475569;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.empty-state{border:1px dashed #b6c4d4;border-radius:20px;padding:22px;color:var(--muted);background:#f8fafc}.empty-state a{color:var(--primary);font-weight:950}.flash{margin-top:18px;padding:14px 18px;border-radius:18px;font-weight:900}.flash.success{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.flash.error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px 0;color:var(--muted)}.site-footer div:last-child{display:flex;gap:16px;font-weight:850}
.payment-qr-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:22px}.payment-qr-card,.payment-confirm-card{padding:22px;border:1px solid var(--line);border-radius:24px;background:#fff}.payment-qr-image{width:min(100%,260px);margin:18px auto 0;border-radius:20px;border:1px solid var(--line);padding:10px;background:#fff}.payment-qr-card p{margin:8px 0;color:#334155}.payment-confirm-card .form-card{margin-top:12px}
.payment-upi-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.payment-upi-actions .btn,.payment-upi-actions .btn-light,.payment-upi-actions .btn-muted{flex:1 1 200px}.payment-qr-hint{margin-top:16px;color:var(--muted);line-height:1.7}
.profile-hero-card{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding:18px;border:1px solid var(--line);border-radius:22px;background:#f8fbff}.profile-avatar{width:82px;height:82px;border-radius:50%;object-fit:cover;border:3px solid #d7efe9;background:#fff}.profile-avatar-fallback{display:grid;place-items:center;font-size:2rem;font-weight:900;color:var(--primary);background:linear-gradient(135deg,#dbeafe,#ccfbf1)}.profile-hero-copy{display:grid;gap:6px}.profile-image-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}.profile-photo-trigger{cursor:pointer}.profile-image-hint{color:var(--muted);font-size:.9rem;font-weight:700}.profile-photo-field input[type=file]{margin-top:4px}.profile-photo-field small{color:var(--muted);font-size:.88rem;font-weight:700}.profile-crop-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.72)}.profile-crop-dialog{width:min(92vw,760px);background:#fff;border-radius:26px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(15,23,42,.35);padding:22px}.profile-crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.profile-crop-header h2{margin:6px 0 0}.profile-crop-close{border:1px solid var(--line);background:#fff;border-radius:14px;width:42px;height:42px;font-size:1.6rem;line-height:1;cursor:pointer}.profile-crop-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:start}.profile-crop-stage-wrap{display:grid;place-items:center;padding:14px;border:1px solid var(--line);border-radius:22px;background:#f8fafc}.profile-crop-stage{position:relative;width:min(100%,420px);aspect-ratio:1/1;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#e2e8f0,#f8fafc);touch-action:none;cursor:grab}.profile-crop-stage.dragging{cursor:grabbing}.profile-crop-stage::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 9999px rgba(15,23,42,.2);border:2px solid rgba(255,255,255,.92);border-radius:24px;pointer-events:none}.profile-crop-stage img{position:absolute;top:50%;left:50%;transform-origin:center center;user-select:none;-webkit-user-drag:none;max-width:none}.profile-crop-controls{display:grid;gap:12px}.profile-crop-controls input[type=range]{width:100%}.profile-crop-help{margin:0;color:var(--muted);line-height:1.6}.profile-crop-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
.donor-live-bar,.hero-pro,.page-hero,.event-detail-hero,.auth-page,.content-section,.stats-band,.flash,.site-footer{width:min(1180px,calc(100% - 32px));margin-left:auto;margin-right:auto}.donor-live-bar{display:grid;gap:10px;margin-top:18px;padding:14px 18px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 14px 42px rgba(15,23,42,.07)}.donor-live-heading{display:flex;align-items:center}.donor-live-label{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#b91c1c;color:#fff;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;animation:breakingBlink 1s steps(2,end) infinite}.donor-live-track{overflow:hidden;flex:1 1 auto}.donor-live-marquee{display:flex;align-items:center;gap:16px;min-width:max-content;animation:donorLiveMarquee 60s linear infinite}.donor-live-item{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:18px;background:#f8fbff;border:1px solid #dbe5ee;white-space:nowrap}.donor-live-item strong{color:var(--primary)}.donor-live-item em{font-style:normal;color:#0f172a;font-weight:800}.donor-live-item small{color:#b45309;font-weight:900}.donor-live-track:hover .donor-live-marquee{animation-play-state:paused}@keyframes donorLiveMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes breakingBlink{0%,49%{opacity:1}50%,100%{opacity:.35}}
.share-modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.72)}.share-modal-dialog{width:min(92vw,560px);background:#fff;border-radius:26px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(15,23,42,.35);padding:22px}.share-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.share-modal-header h2{margin:6px 0 0}.share-modal-close{border:1px solid var(--line);background:#fff;border-radius:14px;width:42px;height:42px;font-size:1.6rem;line-height:1;cursor:pointer}.share-modal-copy{margin:0 0 16px;color:var(--muted);line-height:1.6}.share-modal-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.share-modal-row input{background:#f8fafc}.share-modal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.share-modal-status{margin:14px 0 0;color:var(--primary);font-weight:900}
@media(max-width:920px){.hamburger{display:grid}.nav-signin-direct{margin-left:auto}.nav-links{position:fixed;inset:0 0 0 auto;width:min(84vw,340px);height:100dvh;padding:86px 22px 22px;background:white;box-shadow:-24px 0 80px rgba(15,23,42,.25);display:flex;flex-direction:column;align-items:stretch;gap:8px;transform:translateX(110%);transition:transform .24s ease;z-index:60}.nav-links.open{transform:translateX(0)}.drawer-open::before{content:"";position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:45}.nav-links>a:not(.btn),.nav-links .btn{border-radius:14px;justify-content:flex-start;padding:13px 14px}.hero-pro,.event-detail-hero,.auth-page,.split-section,.detail-layout,.profile-crop-body,.donation-builder{grid-template-columns:1fr}.hero-pro{padding-top:42px}.stats-band{grid-template-columns:repeat(2,1fr)}.donation-summary-card{position:static}.donation-option-card{grid-template-columns:1fr}}
@media(max-width:920px){.schedule-card,.schedule-card-full{grid-template-columns:1fr}}
@media(max-width:920px){.schedule-segment-row{grid-template-columns:1fr}.schedule-segment{border-right:0;border-bottom:1px solid var(--line)}.schedule-segment:last-child{border-bottom:0}}
@media(max-width:920px){.payment-qr-layout{grid-template-columns:1fr}}
@media(max-width:560px){.navbar,.hero-pro,.page-hero,.event-detail-hero,.auth-page,.content-section,.stats-band,.flash,.site-footer{width:min(100% - 22px,1180px)}.brand img{height:64px;max-width:240px}.nav-signin-direct{padding:9px 12px}.hero-content h1,.page-hero h1,.auth-intro h1,.event-detail-hero h1{font-size:2.15rem}.stats-band,.feature-list,.share-modal-row{grid-template-columns:1fr}.content-section,.auth-box,.share-modal-dialog{padding:18px;border-radius:22px}.hero-actions .btn,.card-actions .btn,.form-grid .btn,.share-modal-row .btn{width:100%}.auth-form .btn,.auth-form .gsi-material-button{width:100%;max-width:none;min-width:0}.site-footer{flex-direction:column;align-items:flex-start}}