:root{--bg-color: #121212;--card-bg: #1e1e1e;--card-bg-glass: rgba(30, 30, 30, .8);--text-color: #e0e0e0;--text-muted: #a0a0a0;--accent-purple: #9d4edd;--accent-purple-dark: #5a189a;--glow-color: rgba(157, 78, 221, .6);--font-main: "Comfortaa", cursive, sans-serif;--border-radius: 12px;--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}body.nav-open{overflow:hidden}a{text-decoration:none;color:inherit;transition:color var(--transition-speed)}a:hover{color:var(--accent-purple)}ul{list-style:none}header{background-color:#121212f2;padding:1rem 2rem;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(157,78,221,.2);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--accent-purple);text-shadow:0 0 10px var(--glow-color);display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo img{height:36px;width:auto;display:block}.logo span{line-height:1}nav ul{display:flex;gap:1.5rem}nav a{font-weight:500;font-size:.95rem}nav a.cta-button{background-color:var(--accent-purple);color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius);box-shadow:0 0 15px var(--glow-color)}nav a.cta-button:hover{background-color:var(--accent-purple-dark);color:#fff}.hero{text-align:center;padding:6rem 2rem;background:radial-gradient(circle at center,#2a1b3d 0%,var(--bg-color) 70%)}.hero h1{font-size:3rem;margin-bottom:1rem;text-shadow:0 0 20px var(--glow-color)}.hero p{font-size:1.2rem;color:var(--text-muted);max-width:800px;margin:0 auto 2rem}.hero-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:var(--border-radius);font-weight:700;cursor:pointer;border:none;transition:all var(--transition-speed)}.btn-primary{background-color:var(--accent-purple);color:#fff;box-shadow:0 0 15px var(--glow-color)}.btn-primary:hover{background-color:var(--accent-purple-dark);transform:translateY(-2px)}.btn-secondary{background-color:transparent;border:2px solid var(--accent-purple);color:var(--accent-purple)}.btn-secondary:hover{background-color:var(--accent-purple);color:#fff}section{padding:4rem 2rem;max-width:1200px;margin:0 auto}h2{font-size:2rem;margin-bottom:2rem;text-align:center;color:var(--accent-purple)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background-color:var(--card-bg);padding:2rem;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000080;border:1px solid rgba(255,255,255,.05);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #9d4edd33;border-color:var(--accent-purple)}.card h3{margin-bottom:1rem;color:#fff}.card p{color:var(--text-muted);margin-bottom:1.5rem}.impact-counters{display:flex;justify-content:space-around;flex-wrap:wrap;text-align:center;margin-top:3rem;background-color:var(--card-bg);padding:2rem;border-radius:var(--border-radius)}.counter-item{margin:1rem}.counter-number{display:block;font-size:2.5rem;font-weight:700;color:var(--accent-purple)}.counter-label{color:var(--text-muted)}form{background-color:var(--card-bg);padding:2rem;border-radius:var(--border-radius);max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;color:var(--text-color)}input,textarea,select{width:100%;padding:.8rem;background-color:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);color:#fff;font-family:var(--font-main)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 10px var(--glow-color)}footer{background-color:#0a0a0a;padding:3rem 2rem;margin-top:4rem;border-top:1px solid rgba(255,255,255,.05)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-col h4{color:var(--accent-purple);margin-bottom:1rem}.footer-col ul li{margin-bottom:.5rem}.footer-col ul li a{color:var(--text-muted)}.footer-col ul li a:hover{color:#fff}.copyright{text-align:center;margin-top:2rem;color:var(--text-muted);font-size:.9rem}.donation-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.tier-card{background-color:var(--card-bg);border:2px solid transparent;padding:1.5rem;border-radius:var(--border-radius);text-align:center;cursor:pointer;transition:all var(--transition-speed)}.tier-card:hover,.tier-card.selected{border-color:var(--accent-purple);background-color:#9d4edd1a}.tier-amount{font-size:1.5rem;font-weight:700;color:var(--accent-purple);display:block;margin-bottom:.5rem}.tier-name{font-weight:700;margin-bottom:.5rem}.tier-desc{font-size:.9rem;color:var(--text-muted)}.hamburger{display:none;cursor:pointer;flex-direction:column;gap:5px;z-index:1001;background:transparent;border:0;padding:.5rem;border-radius:10px;touch-action:manipulation}.hamburger:active{background:#9d4edd1f}.hamburger:focus-visible{outline:2px solid var(--accent-purple);outline-offset:4px;border-radius:8px}.nav-overlay{display:none}.hamburger span{display:block;width:25px;height:3px;background-color:var(--text-color);transition:all var(--transition-speed)}@media (max-width: 768px){.hero h1{font-size:2rem}.hamburger{display:flex}nav ul{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:70%;height:100vh;background-color:#121212fa;backdrop-filter:blur(10px);padding:5rem 2rem;transform:translate3d(110%,0,0);transition:transform var(--transition-speed);box-shadow:-5px 0 15px #00000080;z-index:1000}nav ul.active{transform:translateZ(0)}.nav-overlay{display:block;position:fixed;inset:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity var(--transition-speed);z-index:999}.nav-overlay.active{opacity:1;pointer-events:auto}nav ul li{margin-bottom:1.5rem}nav a{font-size:1.2rem}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}}.alert{padding:1rem;margin-bottom:1rem;border-radius:var(--border-radius);border:1px solid transparent}.alert-info{background-color:#9d4edd1a;border-color:var(--accent-purple);color:var(--text-color)}.alert-error{background-color:#dc35451a;border-color:#dc3545;color:#ff6b6b}