:root{--primary: 25 85% 45%;--primary-hover: 25 85% 40%;--secondary: 142 40% 45%;--background: 210 20% 98%;--foreground: 224 71% 4%;--card: 0 0% 100%;--card-foreground: 224 71% 4%;--muted: 220 14% 96%;--muted-foreground: 220 10% 45%;--border: 220 13% 91%;--radius: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 12px 24px -8px rgba(0, 0, 0, .15);--glass: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .2)}.dark{--background: 224 71% 4%;--foreground: 210 20% 98%;--card: 224 71% 4%;--card-foreground: 210 20% 98%;--muted: 222 47% 11%;--muted-foreground: 215 20% 65%;--border: 217 32% 17%}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;position:relative}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;background-color:hsl(var(--background));color:hsl(var(--foreground))}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4{line-height:1.2;font-weight:700;color:#1a1a1a}.gradient-text{background:linear-gradient(135deg,#d97706,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}h1.gradient-text{font-size:clamp(2.2rem,10vw,4.5rem);line-height:1.1}h2.gradient-text{font-size:clamp(1.8rem,8vw,3.5rem);line-height:1.2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.animate-slide-up{animation:slideUp .6s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000026}.img-zoom{overflow:hidden;border-radius:var(--radius)}.img-zoom img{transition:transform .5s ease;width:100%;height:100%;object-fit:cover}.img-zoom:hover img{transform:scale(1.05)}header{background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s ease}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.logo{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.75rem;color:#1a1a1a;letter-spacing:-.02em;text-decoration:none;flex-shrink:1;min-width:0}.logo span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.15;max-width:200px}@media (max-width: 480px){.logo span{font-size:.95rem;max-width:160px}}.logo img{height:clamp(35px,9vw,55px)!important;width:auto;transition:transform .3s ease;flex-shrink:0}.logo:hover img{transform:scale(1.05)}nav ul{display:flex;gap:3rem;list-style:none;align-items:center}nav a{text-decoration:none;color:#4b5563;font-weight:600;font-size:1rem;transition:all .3s ease;position:relative}nav a:hover,nav a.active{color:hsl(var(--primary))}nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:hsl(var(--primary));transition:width .3s ease}nav a:hover:after,nav a.active:after{width:100%}.menu-toggle{display:none;background:#0000000d;border:none;color:#1a1a1a;cursor:pointer;padding:.6rem;border-radius:12px;z-index:1100;transition:all .2s ease}.menu-toggle:hover{background:#0000001a}@media (max-width: 1024px){nav ul{gap:1.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;box-shadow:0 4px 6px -1px #d9770633}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #d977064d;filter:brightness(1.05)}.btn-secondary{background:#fff;color:#1a1a1a;border:1px solid hsl(var(--border))}.btn-secondary:hover{background:hsl(var(--muted));border-color:#d1d5db}section{padding:6rem 0}.section-head{text-align:center;max-width:700px;margin:0 auto 4rem}.section-head h2{font-size:2.5rem;margin-bottom:1rem}.section-head p{color:hsl(var(--muted-foreground));font-size:1.125rem}.hero{padding:10rem 0 8rem;background:radial-gradient(circle at 10% 20%,rgba(217,119,6,.03),transparent),radial-gradient(circle at 90% 80%,rgba(5,150,105,.03),transparent),hsl(var(--background));text-align:center;position:relative}.hero-content{max-width:900px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.hero{padding:6rem 0 4rem}.hero h1{font-size:3rem!important}.hero p{font-size:1.125rem!important}}.hero h1{font-size:5rem;margin-bottom:1.5rem;letter-spacing:-.04em;line-height:1.1}.hero p{font-size:1.5rem;color:#4b5563;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.stat-card{padding:2.5rem;border-radius:var(--radius);text-align:center;border:1px solid hsl(var(--border));background:#fff;transition:all .3s ease;box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:hsl(var(--primary) / .2)}.stat-card .icon{font-size:2.5rem;margin-bottom:1.5rem;display:block}.stat-card h3{font-size:2.5rem;color:#d97706;margin-bottom:.5rem}.stat-card p{color:hsl(var(--muted-foreground));font-weight:500}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}footer{background:#111;color:#999;padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:4rem}footer h4{color:#fff;margin-bottom:1.5rem}footer ul{list-style:none}footer li{margin-bottom:.75rem}footer a{color:#999;text-decoration:none;transition:color .3s}footer a:hover{color:#fff}.footer-bottom{padding-top:2rem;border-top:1px solid #222;text-align:center;font-size:.875rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 1024px){.hero h1{font-size:3.5rem}.grid-2{grid-template-columns:1fr;gap:4rem}.about-brief .grid-2{gap:3rem}}@media (max-width: 768px){.container{padding:0 1.5rem}.menu-toggle{display:block}nav ul{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:280px;height:100vh;background:#fff;padding:6rem 2rem;gap:2rem;box-shadow:-10px 0 30px #0000001a;transform:translate(100%);transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:1000;align-items:flex-start;visibility:hidden}nav ul.active{transform:translate(0);visibility:visible}nav a{font-size:1.25rem}nav a:after{display:block}.hero{padding:6rem 0 4rem}.hero h1{font-size:2.75rem}.hero p{font-size:1.1rem;margin-bottom:2rem}.section-head h2{font-size:2rem}.footer-content{grid-template-columns:1fr;gap:3rem}.stats-grid{grid-template-columns:1fr}.logo img{height:45px!important}.logo span{font-size:1.1rem}nav{padding:1rem 0}}.donation-card{padding:4rem;border-radius:40px;background:linear-gradient(135deg,#111,#222);color:#fff;max-width:700px;margin:0 auto}.donation-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:1rem}.donation-detail-row{display:flex;justify-content:space-between;border-bottom:1px solid #333;padding-bottom:1rem;gap:1rem}.donation-detail-row.no-border{border-bottom:none}.donation-label{opacity:.6;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.donation-value{font-weight:700;text-align:right;word-break:break-all}@media (max-width: 768px){.donation-card{padding:2rem 1.5rem;border-radius:24px}.donation-card-header{flex-direction:column;align-items:center;text-align:center;gap:1.5rem;margin-bottom:2rem}.donation-detail-row{flex-direction:column;gap:.25rem;padding-bottom:.75rem}.donation-value{text-align:left;font-size:1.1rem}.donation-label{font-size:.7rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:hsl(var(--background))}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}