*{margin:0;padding:0;box-sizing:border-box}
:root{--dark:#1f211f;--gold:#b8945d;--cream:#f6f1e8;--white:#fff}
body{min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--white);background:linear-gradient(135deg,rgba(31,33,31,.92),rgba(31,33,31,.74)),radial-gradient(circle at 20% 20%,rgba(184,148,93,.35),transparent 35%),linear-gradient(45deg,#2b2b28,#5b554b);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(120deg,rgba(255,255,255,.05) 0 1px,transparent 1px 80px),linear-gradient(30deg,rgba(255,255,255,.04) 0 1px,transparent 1px 90px);opacity:.65;pointer-events:none}
.page{width:100%;min-height:100vh;padding:28px;display:flex;align-items:center;justify-content:center}
.card{width:min(920px,100%);padding:clamp(28px,6vw,64px);text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:32px;background:rgba(20,20,18,.72);box-shadow:0 30px 80px rgba(0,0,0,.35);backdrop-filter:blur(12px)}
.logo-wrap{width:170px;height:170px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(246,241,232,.96),rgba(211,197,176,.88));box-shadow:0 18px 45px rgba(0,0,0,.38);overflow:hidden}
.logo{width:145px;height:145px;object-fit:contain}
.tag{color:var(--gold);font-size:14px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:18px}
h1{font-size:clamp(34px,6vw,64px);line-height:1;margin-bottom:22px;color:var(--cream)}
.text{width:min(680px,100%);margin:0 auto 34px;font-size:clamp(16px,2vw,20px);line-height:1.65;color:rgba(255,255,255,.86)}
.progress-area{width:min(620px,100%);margin:0 auto 34px}
.progress-info{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px;font-size:15px;color:rgba(255,255,255,.86)}
.progress-info strong{color:var(--gold)}
.progress-bar{width:100%;height:16px;padding:3px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.progress-fill{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#8d6b3f,#d9b978,#f4dfaa);box-shadow:0 0 24px rgba(217,185,120,.55);transition:width 1.8s ease}
.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.btn{padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px)}
.primary{color:#1f211f;background:linear-gradient(135deg,#d9b978,#f4dfaa);box-shadow:0 12px 30px rgba(217,185,120,.28)}
.secondary{color:var(--cream);border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07)}
.footer{font-size:13px;color:rgba(255,255,255,.55)}
@media(max-width:520px){.page{padding:16px}.card{border-radius:24px}.logo-wrap{width:138px;height:138px}.logo{width:118px;height:118px}.actions{flex-direction:column}.btn{width:100%}}