:root{--bg:#09090b;--fg:#fafafa;--muted:#a1a1aa;--muted-fg:#d4d4d8;--border:rgba(255,255,255,0.1);--card:rgba(255,255,255,0.03);--card-hover:rgba(255,255,255,0.05);--primary:#ffffff;--primary-fg:#000000;--accent:#3b82f6;--radius:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--fg);line-height:1.6;overflow-x:hidden;position:relative}.ambient-background{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 0,rgba(255,255,255,.03),transparent 40%),radial-gradient(circle at 85% 100%,rgba(59,130,246,.04),transparent 40%);z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}.container{max-width:1140px;margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-weight:700;line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(3rem,6vw,4.5rem);background:linear-gradient(180deg,#FFFFFF,#A1A1AA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:20px}.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:9999px;background:rgba(255,255,255,.05);border:1px solid var(--border);font-size:.875rem;font-weight:500;color:var(--muted-fg);margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-primary{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#60a5fa}.badge-sm{font-size:.75rem;padding:4px 10px;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:9999px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;text-align:center}.btn-primary{background:var(--primary);color:var(--primary-fg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,255,255,.2)}.btn-secondary{background:rgba(255,255,255,.05);color:var(--fg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(255,255,255,.1)}.btn-full{width:100%}.button-group{display:flex;gap:16px;flex-wrap:wrap}.hero{min-height:min(100vh,900px);display:flex;align-items:center;padding:120px 0 80px}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:center;width:100%}.hero-text{max-width:580px}.hero-subtitle{font-size:1.25rem;color:var(--muted-fg);margin-bottom:40px;line-height:1.6}.feature-list{list-style:none;margin-top:48px;display:grid;grid-gap:20px;gap:20px}.feature-list li{display:flex;align-items:flex-start;gap:16px;color:var(--muted-fg);font-size:1rem;line-height:1.5}.feature-list li:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:9px;flex-shrink:0;box-shadow:0 0 10px var(--accent)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;z-index:1}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.3) 0,transparent 70%);filter:blur(60px);z-index:0;pointer-events:none}.phone-frame{position:relative;width:280px;border-radius:40px;padding:10px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.1);z-index:1;transform:rotate(-2deg)}.phone-frame img{border-radius:30px;width:100%;height:auto;display:block;background:#000}.section{padding:100px 0}.section-header{text-align:center;margin-bottom:64px;max-width:600px;margin-left:auto;margin-right:auto}.section-header p{color:var(--muted-fg);font-size:1.125rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:24px}.grid-2,.grid-3{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:transform .3s ease,background .3s ease}.card:hover{background:var(--card-hover);transform:translateY(-4px)}.audience-card{display:flex;flex-direction:column;gap:20px}.audience-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}.audience-icon:after{content:"";width:16px;height:16px;border-radius:50%;background:var(--fg)}.audience-card h3{font-size:1.35rem;margin:0}.audience-card p{margin:0;font-size:1rem;color:var(--muted-fg)}.gallery-container{margin:0 -24px;padding:0 24px}.gallery{display:flex;gap:32px;overflow-x:auto;padding-bottom:48px;snap-type:x mandatory;scroll-padding-left:24px}.gallery::-webkit-scrollbar{height:6px}.gallery::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:4px}.gallery::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}.gallery-item{flex:0 0 280px;scroll-snap-align:start}.phone-frame-small{border-radius:36px;padding:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);margin-bottom:24px;box-shadow:0 10px 30px -10px rgba(0,0,0,.3)}.phone-frame-small img{border-radius:28px;width:100%;height:auto;display:block}.gallery-caption{font-size:.95rem;color:var(--muted-fg);line-height:1.5;text-align:center}.card-featured{background:linear-gradient(180deg,rgba(59,130,246,.08),rgba(59,130,246,.02));border-color:rgba(59,130,246,.3)}.card-title{font-size:1.5rem;margin-bottom:8px}.card-desc{font-size:1rem;color:var(--muted-fg);margin-bottom:8px}.card-meta{font-size:.875rem;color:var(--muted);margin-bottom:24px}.donate-grid{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:80px;gap:80px;align-items:start}.donate-text{font-size:1.125rem;color:var(--muted-fg);margin-bottom:40px}.coffee-card{padding:28px}.card-title-sm{font-size:1.25rem;margin-bottom:12px}.card-desc-sm{font-size:.95rem;color:var(--muted-fg);margin-bottom:20px}.donate-form-wrapper{background:var(--card);border:1px solid var(--border);border-radius:32px;padding:40px;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}.banner{background:linear-gradient(90deg,rgba(59,130,246,.2),rgba(147,51,234,.2));border:1px solid rgba(59,130,246,.3);padding:16px 24px;border-radius:16px;color:#fff;font-weight:500;margin-top:24px}.banner,footer{text-align:center}footer{border-top:1px solid var(--border);padding:64px 0;margin-top:64px}.footer-content{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-content img{opacity:.8;filter:grayscale(1)}.form-group{margin-bottom:24px}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:10px;color:var(--muted-fg)}.form-input{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:12px;padding:14px 16px;color:#fff;font-size:1rem;transition:border-color .2s ease;outline:none}.form-input:focus{border-color:rgba(255,255,255,.4)}.tabs{display:flex;background:rgba(0,0,0,.3);border-radius:12px;padding:6px;margin-bottom:28px}.tab{flex:1 1;text-align:center;padding:10px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;color:var(--muted);transition:all .2s ease;border:none;background:transparent}.tab.active{background:rgba(255,255,255,.1);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}.amount-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:28px}.amount-btn{background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:12px;padding:14px;color:var(--muted-fg);font-weight:500;cursor:pointer;transition:all .2s ease;font-size:1rem}.amount-btn:hover{background:rgba(255,255,255,.05)}.amount-btn.active{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);color:#fff}.form-note{font-size:.875rem;color:var(--muted);margin-top:20px;text-align:center}.form-error{color:#ef4444;font-size:.875rem;margin-bottom:16px}@media (max-width:992px){.donate-grid,.hero-content{grid-template-columns:1fr;gap:48px}.hero{padding-top:80px;padding-bottom:40px;min-height:auto}.hero-text{text-align:center;margin:0 auto}.hero-subtitle{margin-left:auto;margin-right:auto}.button-group{justify-content:center}.feature-list li{text-align:left}.grid-3{grid-template-columns:1fr}}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.donate-form-wrapper{padding:24px}}