/*
Theme Name: UIBTBB Donate v1.0
Theme URI: https://donate.uibtbb.com/
Author: UIBTBB
Description: Professional UIBTBB donation campaign theme.
Version: 1.0.0
*/
*{box-sizing:border-box}:root{--bg:#050505;--panel:#0d0d0d;--gold:#d7ad4d;--gold2:#f2d478;--text:#f8f5ee;--muted:#aaa59a;--line:#3a3018}
html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 5%,rgba(215,173,77,.08),transparent 25%),var(--bg);color:var(--text);font:15px/1.55 Arial,sans-serif}
a{text-decoration:none;color:inherit}.wrap{max-width:1320px;margin:auto;padding:0 26px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:10px;z-index:100}
header{background:#050505;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.head{min-height:100px;display:grid;grid-template-columns:390px 1fr auto;gap:24px;align-items:center}
.brand{display:flex;align-items:center;gap:13px}.brand img{width:82px;height:82px;object-fit:contain}.brand strong{display:block;color:var(--gold2);font-size:25px}.brand small{display:block;color:#9b7b2d}.nav{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.nav a{padding:11px 13px;font-weight:800;font-size:13px}.nav a:hover{color:var(--gold2)}
.btn{display:inline-block;border:1px solid var(--gold);border-radius:7px;padding:11px 16px;font-weight:900;color:#111;background:linear-gradient(#f1cf71,#c7952c);cursor:pointer}.btn.ghost{background:#0b0b0b;color:var(--gold2)}
main{padding:28px 0 42px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.card{background:linear-gradient(180deg,#111,#090909);border:1px solid var(--line);border-radius:14px;overflow:hidden}.hero-copy{padding:36px}.eyebrow{color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}
h1{font-size:48px;line-height:1.05;margin:12px 0 14px}h2{margin:4px 0 10px}.muted{color:var(--muted)}
.hero-image{height:255px;width:100%;object-fit:cover;display:block;border-bottom:1px solid var(--line)}.campaign{padding:20px 22px}.raised{font-size:42px;font-weight:900}.progress{height:12px;background:#242424;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#a87920,#f0ce6b)}
.progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#ccc;font-size:13px}.notice{margin-top:14px;border:1px solid #4b3d1b;background:#161209;color:#d7c9a7;padding:11px;border-radius:8px;font-size:12px}
.section{margin-top:18px;padding:25px}.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:16px 0}.amount{padding:18px;font-size:19px}.custom{display:flex;gap:10px}.custom input{flex:1;min-width:200px;background:#080808;border:1px solid #343434;color:#fff;padding:13px;border-radius:7px;font-size:17px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.feature{padding:20px}.feature h3{color:var(--gold2);margin:0 0 7px}.backhome{white-space:nowrap}
footer{border-top:1px solid var(--line);background:#050505;padding:24px 0;color:#999}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{color:#d6c28b;margin-left:15px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:900px){.head{grid-template-columns:1fr}.nav{justify-content:flex-start}.hero{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.amounts{grid-template-columns:1fr 1fr}h1{font-size:38px}}
@media(max-width:560px){.wrap{padding:0 14px}.amounts{grid-template-columns:1fr}.custom{display:block}.custom input,.custom .btn{width:100%;margin-top:8px}.hero-copy{padding:24px}h1{font-size:32px}}