:root{font-family:Inter,Arial,sans-serif;color:#f6f6f6;background:#080a0b;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:48px;border-radius:12px;font-weight:700}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:4px}.shell{max-width:460px;min-height:100dvh;margin:auto;background:radial-gradient(ellipse at top right,#23211a 0,transparent 45%),#101314;padding-bottom:max(28px,env(safe-area-inset-bottom));box-shadow:0 0 70px #000}header{display:flex;align-items:center;gap:9px;padding:20px 22px 15px;border-bottom:1px solid #2a2b2e;background:#101314f2}.brand{color:#f7f7f7;text-decoration:none;font-weight:800;font-size:19px;letter-spacing:-.6px;padding-bottom:10px}.brand em{font-style:normal;color:#eeb342}.brand-icon{font-size:34px;color:#efb13b}.back{border:0;background:none;color:#ddd;font-size:27px;min-width:32px;padding:0}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.12;letter-spacing:-.8px}h2{font-size:20px;line-height:1.25}h3{font-size:18px}p{font-size:15px;line-height:1.42;color:#c6c9cc}small{font-size:12px;color:#c6c9cc}.hero{padding:22px 24px 20px;background:linear-gradient(90deg,#101314 20%,#10131444),url(/church.png) center/cover;min-height:190px}.hero h1{font-size:29px;margin:10px 0}.eyebrow{font-size:12px;letter-spacing:.4px;max-width:250px}.gold-rule{display:block;background:#f3bd4d;height:3px;width:48px;margin-top:12px;border-radius:2px}.collections{padding:0 14px;display:grid;gap:12px}.collection{background:linear-gradient(140deg,#25282b,#141719);border:1px solid #383c40;border-radius:16px;padding:12px}.collection.daily{background:radial-gradient(ellipse at top right,#69501e88,transparent),linear-gradient(130deg,#28241b,#191a17);border:2px solid #f7ce69;box-shadow:0 0 18px #edb43d35}.collection-content{display:flex;align-items:center;gap:12px;margin-bottom:12px}.collection-content>img{width:86px;height:94px;object-fit:contain;border-radius:9px}.collection h2{font-size:17px;margin:4px 0}.collection p{font-size:12px;line-height:1.32}.daily h2{font-size:20px}.badge{display:inline-block;background:linear-gradient(#ffdb7c,#eeb13e);color:#191407;font-size:12px;font-weight:800;border-radius:7px;padding:6px 9px}.primary,.outline{display:flex;justify-content:center;align-items:center;gap:13px;width:100%;border:1px solid #f0b845}.primary{background:linear-gradient(165deg,#ffdc80,#e7a020);color:#171307;box-shadow:inset 0 1px #fff7}.outline{color:#f3c456;background:transparent}.collection button{min-height:40px}.large{min-height:58px;font-size:18px;margin-top:22px}.progress-row{display:flex;align-items:center;gap:9px;margin:8px 0 4px;font-size:12px;font-weight:700}.progress-row span{background:#34383d;border-radius:20px;padding:4px 8px}progress{appearance:none;width:100%;height:8px;min-width:40px;border:0;border-radius:8px;overflow:hidden;background:#3a3c42}progress::-webkit-progress-bar{background:#3a3c42}progress::-webkit-progress-value{background:#f4c45e}progress::-moz-progress-bar{background:#f4c45e}.amount-screen,.payment-screen{padding:22px}.offering-hero{position:relative;padding-top:145px;padding-bottom:24px}.offering-hero>img{position:absolute;top:-18px;right:0;width:100%;height:185px;object-fit:contain;opacity:.65;-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}.offering-hero>.badge,.offering-hero>h1,.offering-hero>p{position:relative}.offering-hero h1{margin:10px 0}.panel{background:linear-gradient(140deg,#24272a,#17191b);border:1px solid #35383b;border-radius:16px;padding:18px 14px}.panel h2{margin-bottom:18px}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.amount-grid button{background:#272a2d;color:#eee;border:1px solid #575a5e;min-height:58px;font-size:18px}.amount-grid button:last-child{font-size:14px}.amount-grid button.chosen{background:linear-gradient(140deg,#ffdb7b,#eda92b);border-color:#ffc95c;color:#101314}.custom{display:grid;gap:8px;margin-top:16px;font-size:13px}.custom input{padding:13px;border:1px solid #c79a3e;border-radius:8px;font:inherit;font-size:20px;width:100%}.security{font-size:12px;text-align:center;margin-top:24px;color:#b7bdc4}.payment-screen>h2{margin:12px 0 18px}.summary{display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(140deg,#25272a,#181b1e);border:1px solid #42464a;border-radius:13px;padding:18px 15px;margin:20px 0 26px}.summary strong{font-size:25px;white-space:nowrap}.card-panel{border:1px solid #eec05b;border-radius:14px;padding:16px;margin-bottom:20px;background:#242629}.card-panel>p{font-size:12px;margin:4px 0 16px}.wallets:empty{display:none}.wallets{margin-bottom:16px}.result-screen{text-align:center;padding:44px 24px 20px;background:linear-gradient(#10131480,#101314 55%),url(/church.png) top/100% auto no-repeat}.result-icon{width:94px;height:94px;border:4px solid #eabf56;color:#eabf56;border-radius:50%;margin:0 auto 28px;display:grid;place-items:center;font-size:58px}.result-icon.success{border-color:#48d85e;color:#48d85e;background:#194d3033}.result-screen h1{font-size:32px;max-width:320px;margin:0 auto 20px}.result-screen>p{font-size:17px;line-height:1.6}.result-project{text-align:left;margin:34px 0;justify-content:flex-start}.result-project img{width:55px;height:55px;object-fit:contain}.result-project h2{font-size:19px;margin-bottom:6px}.message,.error{margin:20px;padding:16px;line-height:1.5}.error{background:#632f2f;border:1px solid #ba6767;border-radius:10px}.error button{display:block;margin-top:12px;width:100%}.collection-content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.brand-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo{display:block;width:150px;height:50px;object-fit:contain}@media(prefers-reduced-motion:no-preference){button{transition:filter .15s}button:hover{filter:brightness(1.1)}}@media(max-width:350px){.amount-screen,.payment-screen{padding:16px}.brand{font-size:19px}.collection-content>img{width:65px}h1{font-size:27px}}
