:root{--primary: #ff9800;--primary-2: #ffb347;--bg-dark: #07111a;--bg-dark2: #0b1b2a;--bg-light: #ffffff;--text-dark: #0b1220;--glass: linear-gradient(rgba(255, 0, 0, .549),rgba(128, 0, 128, .473));--card-dark: rgba(65, 57, 92, .643);--nav-height: 62px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Gujarati,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:auto;position:static;background-size:100% 100%;background-repeat:no-repeat;animation:bodyBgCycle var(--body-cycle-duration) linear infinite}body.light{color:var(--text-dark);animation:bodyBgCycle var(--body-cycle-duration) linear infinite}.music-toggle-btn{position:absolute;top:70px;right:20px;padding:12px 16px;border-radius:50%;background:#fff;color:#fff;border:none;cursor:pointer;z-index:9999;font-size:20px;box-shadow:0 4px 6px #0003;transition:background .3s ease}.volunteer-form h2{text-align:center;margin-bottom:1.5rem}.form-group{background:transparent;margin-bottom:1rem;padding:10px}.form-group input,.form-group textarea{color:#fff;font-size:medium;width:100%;background:transparent;padding:.75rem;border:1px solid #ffffff;border-radius:8px;margin-bottom:25px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.volunteer-form input::placeholder,.volunteer-form textarea::placeholder{color:#fff;font-style:Bold}.btn{display:block;width:100%;padding:.75rem;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.btn:hover{background:#0056b3}.music-toggle-btn:hover{background:#e64a19}main,nav,header,section,footer{position:relative;z-index:1}nav{position:fixed;left:0;right:0;top:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;z-index:220;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06101973;border-bottom:1px solid rgba(255,255,255,.03);font-family:Oswald,sans-serif;text-shadow:#ff7402 2px 0px 12px,#00000072 1px 2px 2px;font-size:20px}body.light nav{background:#120f23d9;border-bottom:1px solid rgba(0,0,0,.06)}.brand{display:flex;align-items:center;gap:12px}.brand .logo{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:20px;background-color:#fff;color:#08121a;box-shadow:0 8px 30px #ff990014}.brand .title{font-weight:700;font-size:1.5rem;white-space:nowrap}nav .links{display:flex;gap:12px;align-items:center}nav a{color:inherit;text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:600;transition:all .18s}nav a.active,nav a:hover{border-radius:30px 0;background:var(--primary);color:#08121a;box-shadow:0 8px 30px #ff980014}.controls{display:flex;gap:8px;align-items:center;margin-left:12px}.control-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;cursor:pointer;background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#08121a;font-weight:700;border:none;box-shadow:0 8px 24px #ff980014;text-decoration:none;border-radius:10px 0}.control-btn:disabled{opacity:.6;cursor:not-allowed}.control-ghost{background:#a8ff0788;border:1px solid rgba(255,255,255,.06);color:inherit;padding:7px 10px;cursor:pointer;text-decoration:none;border-radius:5px/25px}.menu-toggle{display:none;font-size:1.5rem;cursor:pointer;border:none;background:transparent;color:inherit}main{position:relative;z-index:1;padding-top:calc(var(--nav-height) + 10px);min-height:100vh}section{max-width:1200px;margin:28px auto;padding:28px 20px;color:inherit}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px}.hero .left{max-width:720px}h1{font-size:clamp(20px,3.4vw,34px);margin-bottom:20px;text-shadow:0 6px 30px rgba(0,0,0,.4)}p.lead{font-size:clamp(14px,1.9vw,18px);color:#ffffffeb;line-height:1.5;padding-bottom:5em}.card{background:var(--card-dark);border-radius:12px;padding:20px;box-shadow:0 8px 16px #ffff1480,0 8px 26px 6px #ff761480;overflow:auto}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,150px);gap:10px}.input,textarea{width:100%;padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;font-family:inherit}.input::placeholder{color:var(--bg-light)}.trustees-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;justify-items:center;align-items:start}.trustee-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px;width:500px;height:250px;background:#ffffff1a;border-radius:12px;margin:10px;color:#fff;box-shadow:0 4px 8px #0000004d;padding:20px}.trustee-photo{width:150px;height:180px;object-fit:cover}.trustee-details{margin-bottom:40px;text-align:center;line-height:.5}.trustee-details h3{line-height:2;padding-bottom:10px;font-size:1.2rem;font-weight:600}.trustee-details a{color:#fff}.tt section{max-width:1200px;background:var(--card-dark);border-radius:12px;padding:20px;box-shadow:0 8px 16px #ffff1480,0 8px 26px 6px #ff761480;overflow:auto}.input:focus,textarea:focus{outline:none;border-color:var(--primary)}footer{text-align:center;padding:28px 16px;color:#000000b3;font-weight:900;border-top:1px solid rgba(255,255,255,.02)}.meal-list li{line-height:1.8;margin-bottom:10px;font-size:15px}.droplet{position:absolute;overflow:hidden;left:0;top:-6vh;pointer-events:none;font-weight:900;color:var(--primary);text-shadow:0 6px 22px rgba(255,153,0,.782),0 2px 6px rgba(0,0,0,.3);transform-origin:center;animation:dropFall linear forwards;filter:drop-shadow(0 8px 24px rgba(255,140,0,.12));-webkit-user-select:none;user-select:none}@keyframes dropFall{0%{transform:translateY(-6vh) scale(.7) rotate(-10deg);opacity:.4}8%{opacity:1}50%{transform:translateY(45vh) scale(.95) rotate(6deg)}92%{opacity:1}to{transform:translateY(120vh) scale(1.05) rotate(18deg);opacity:0}}@media (max-width:768px){.links{display:flex;flex-direction:column;gap:8px;position:absolute;top:100%;left:0;right:0;background:var(--glass);max-height:0;overflow:hidden;transition:max-height .35s ease}.links.show{max-height:500px}.menu-toggle{display:block}.brand .title{display:none}.trustees-grid{grid-template-columns:1fr;padding:0}.trustee-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px;width:100%;max-width:100%;border-radius:12px;background:#ffffff1a;margin:0;box-shadow:0 4px 8px #0000004d}.card .trustees-grid{padding:0}}.bubbles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bubble{position:absolute;bottom:-12vh;border-radius:50%;opacity:.9;transform-origin:center;filter:blur(.9px);animation-name:bubbleRise;animation-duration:9s;animation-iteration-count:infinite;animation-timing-function:linear;will-change:transform,opacity}.bubble:nth-child(1){left:6%;width:18px;height:18px;background:#ff98001f;animation-delay:0s}.bubble:nth-child(2){left:16%;width:22px;height:22px;background:#ff57221a;animation-delay:1s}.bubble:nth-child(3){left:28%;width:14px;height:14px;background:#ffc1071a;animation-delay:.5s}.bubble:nth-child(4){left:42%;width:30px;height:30px;background:#7cb34214;animation-delay:2s}.bubble:nth-child(5){left:58%;width:24px;height:24px;background:#03a9f414;animation-delay:1.6s}.bubble:nth-child(6){left:72%;width:20px;height:20px;background:#9c27b014;animation-delay:2.6s}.bubble:nth-child(7){left:84%;width:34px;height:34px;background:#e91e630f;animation-delay:.9s}.bubble:nth-child(8){left:88%;width:16px;height:16px;background:#00bcd40f;animation-delay:3s}.bubble:nth-child(9){left:36%;width:40px;height:40px;background:#ff98000f;animation-delay:2.2s}.bubble:nth-child(10){left:12%;width:34px;height:34px;background:#ff57220f;animation-delay:1.2s}@keyframes bubbleRise{0%{transform:translateY(0) scale(.9) rotate(0);opacity:0}8%{opacity:.6}45%{opacity:.85}to{transform:translateY(-140vh) scale(1.2) rotate(240deg);opacity:0}}@keyframes bodyBgFade{0%{opacity:1}4%{opacity:0}16.666%{opacity:0}16.667%{opacity:1}20.667%{opacity:.6}33.333%{opacity:0}33.334%{opacity:1}37.334%{opacity:0}50%{opacity:0}50.001%{opacity:1}54.001%{opacity:0}66.666%{opacity:0}66.667%{opacity:1}70.667%{opacity:0}83.333%{opacity:0}83.334%{opacity:1}87.334%{opacity:0}to{opacity:.6}}#about .about-wrap{margin-top:6px;padding:14px;color:#fff}#about .about-hero{margin-bottom:18px;text-align:left}#about .about-title{font-size:clamp(1.45rem,3.6vw,2.4rem);margin:0 0 6px;font-weight:800;background:linear-gradient(90deg,var(--primary-2),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 26px rgba(0,0,0,.45);letter-spacing:-.5px;display:inline-block}#about .about-sub{margin:0;font-size:.96rem;color:#ffffffd9;text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:600}#about .about-grid{display:grid;gap:20px;grid-template-columns:1fr;align-items:start}@media (min-width: 900px){#about .about-grid{grid-template-columns:360px 1fr}}#about .about-card{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#ffffff08,#ffffff05);box-shadow:0 8px 30px #020617a6,inset 0 1px #ffffff05;border:1px solid rgba(255,255,255,.04)}#about .about-card .card-accent{position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--primary),var(--primary-2));box-shadow:0 8px 28px #ff98000f}#about .about-card .card-body{padding:18px 18px 20px 26px;color:#fffffff5}#about .card-heading{margin:0 0 8px;font-size:1.05rem;font-weight:800;letter-spacing:-.2px;text-shadow:0 3px 14px rgba(0,0,0,.45)}#about .meta-line{margin:8px 0;font-size:.95rem;color:#ffffffeb;line-height:1.5}#about .about-content{padding:8px 6px}#about .section-head{font-size:1.05rem;margin:0 0 8px;font-weight:700;color:var(--primary-2);text-shadow:0 4px 18px rgba(0,0,0,.45)}#about .body-text{color:#fffffff2;font-size:1rem;line-height:1.9;text-align:justify;margin-bottom:18px;letter-spacing:.1px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);padding:14px;border-radius:10px;border:1px solid rgba(255,255,255,.03);box-shadow:0 8px 28px #00000073}@media (max-width: 640px){#about .body-text{padding:10px;font-size:.98rem;line-height:1.7}#about .about-card .card-body{padding-left:18px}.bubble{display:block}body{background-position:top center;background-size:cover}}.srv{border-radius:12px;padding:20px;box-shadow:0 4px 8px #0000004d;overflow:auto}#gallery .media-master{padding:6px 6px 26px}#gallery .media-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;margin-top:12px}#gallery .media-card{border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#ffffff05,#00000008);border:1px solid rgba(255,255,255,.04);box-shadow:0 12px 40px #0206178c,inset 0 1px #ffffff05;transition:transform .28s cubic-bezier(.2,.9,.3,1),box-shadow .28s ease,border-color .2s ease}#gallery .media-thumb-btn{display:block;width:100%;height:100%;padding:0;text-align:center;background:transparent;border:none;cursor:pointer}#gallery .media-thumb{position:relative;overflow:hidden;height:0;padding-bottom:62%;background:linear-gradient(180deg,#ffffff04,#00000009)}#gallery .media-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform-origin:center;transition:transform .6s cubic-bezier(.2,.9,.3,1),filter .45s ease;will-change:transform;backface-visibility:hidden;display:block}#gallery .media-thumb-meta{padding:10px 12px;background:linear-gradient(180deg,#0000,#00000005)}#gallery .media-caption{font-size:.96rem;color:#fffffff5;font-weight:600;letter-spacing:-.2px;text-shadow:0 4px 14px rgba(0,0,0,.5)}#gallery .media-card:hover,#gallery .media-thumb-btn:focus{transform:translateY(-8px);border-color:#ff980038;box-shadow:0 22px 60px #020617a6,0 6px 18px #ff98000a}#gallery .media-card:hover img,#gallery .media-thumb-btn:focus img{transform:scale(1.06) rotate(.2deg);filter:saturate(1.06) contrast(1.02)}#gallery .media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:9999;background:linear-gradient(180deg,#020617e0,#020617e6);padding:20px;-webkit-backdrop-filter:blur(6px) saturate(1.05);backdrop-filter:blur(6px) saturate(1.05)}#gallery .media-modal{position:relative;width:100%;max-width:1100px;max-height:92vh;border-radius:14px;display:grid;grid-template-columns:64px 1fr 64px;gap:12px;align-items:center;justify-items:center;padding:22px;box-shadow:0 40px 120px #000000a6;background:linear-gradient(180deg,#0a1017b3,#060a10b3);border:1px solid rgba(255,255,255,.03)}#gallery .modal-close{position:absolute;top:12px;right:16px;z-index:3;background:#ffffff0a;border:#fff;padding:8px 10px;border-radius:10px;color:#fff;font-size:1.05rem;cursor:pointer}#gallery .modal-nav{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:none;color:#fff;font-size:2.2rem;padding:12px 10px;border-radius:12px;cursor:pointer;min-width:54px;min-height:54px;display:inline-grid;place-items:center}#gallery .modal-nav[disabled]{opacity:.48;cursor:not-allowed}#gallery .modal-figure{margin:0;width:50%;max-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#gallery .modal-img{max-width:100%;max-height:72vh;width:auto;height:fit-content;object-fit:contain;border-radius:10px;box-shadow:0 24px 88px #0009;transition:transform .28s ease,opacity .18s ease}#gallery .modal-caption{margin-top:12px;padding:8px 12px;background:#0000003d;border-radius:8px;color:#fffffff5;font-weight:600}@media (max-width: 900px){#gallery .media-modal{grid-template-columns:1fr;padding:12px;gap:10px;max-height:96vh}#gallery .modal-nav{display:none}#gallery .modal-close{right:12px;top:12px}#gallery .media-thumb img{transition-duration:.5s}.hero{justify-content:center;display:block;width:100%;height:60%;padding-top:0%}.hero img{width:100%}}#gallery .media-thumb-btn:focus,#gallery .modal-nav:focus,#gallery .modal-close:focus{outline:3px solid rgba(255,152,0,.18);outline-offset:4px;border-radius:10px}@media (prefers-reduced-motion: reduce){#gallery .media-card,#gallery .media-modal,#gallery .modal-img,#gallery .media-thumb img{transition:none!important;animation:none!important}}.rd{border-radius:20px 0 0}.card p a{text-decoration:none;color:#fff}.content-above-bg{position:relative;z-index:1}
