:root{--bg:#131318;--bg-1:#1a1a20;--bg-2:#20202a;--bg-3:#272733;--text:#F1F1F4;--text-dim:#b0b0bc;--text-mute:#9498a0;--gold:#DAB060;--gold-hi:#F4D27A;--gold-lo:#9C7A3A;--green:#5EC08A;--red:#E36E6E;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.12);--line-gold:rgba(218,176,96,.32);--radius:14px;--radius-lg:22px;--ff-display:"Inter Tight","Inter",sans-serif;--ff-body:"Inter",sans-serif;--ff-mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ff-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;background-image:radial-gradient(1000px 480px at 50% -220px,rgba(218,176,96,.1),transparent 70%);background-repeat:no-repeat;min-height:100vh}h1,h2,h3{font-family:var(--ff-display);font-weight:600;letter-spacing:-.02em;margin:0;line-height:1.12}a{color:inherit;text-decoration:none}.top{max-width:960px;margin:0 auto;padding:28px 24px 0}.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--ff-display);font-weight:700;font-size:18px}.brand img{width:24px;height:24px}.wrap{max-width:960px;margin:0 auto;padding:36px 24px 90px}.head{display:flex;gap:16px;align-items:center;margin-bottom:30px}.head .pics{display:flex;flex-shrink:0}.head .pics img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--bg)}.head .pics img:nth-child(2){margin-left:-16px}.head h1{font-size:clamp(26px,5vw,38px);margin-bottom:5px}.head p{margin:0;color:var(--text-mute);font-size:15px}.calcard{border:1px solid var(--line-2);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 40px 100px #00000080;margin-bottom:26px;background:#fff}.calcard iframe{display:block;width:100%;height:660px;border:0;background:#fff}.confirm{background:linear-gradient(180deg,#dab06012,#dab06005);border:1px solid var(--line-gold);border-radius:var(--radius-lg);padding:clamp(24px,4vw,34px);text-align:center;max-width:560px;margin:0 auto}.confirm h2{font-size:clamp(19px,3.4vw,24px);margin-bottom:8px}.confirm p{margin:0 auto 22px;color:var(--text-dim);font-size:14.5px;max-width:44ch}.slide{position:relative;height:66px;border-radius:33px;background:var(--bg-2);border:1px solid var(--line-2);overflow:hidden;user-select:none;touch-action:none;max-width:420px;margin:0 auto}.slide-fill{position:absolute;left:0;top:0;bottom:0;width:66px;background:linear-gradient(90deg,var(--gold-lo),var(--gold));border-radius:33px}.slide-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-weight:600;font-size:15px;pointer-events:none}.slide-thumb{position:absolute;left:4px;top:4px;width:58px;height:58px;border-radius:50%;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo));color:#0a0a0b;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;cursor:grab;box-shadow:0 8px 20px -6px #dab06099;z-index:2}.slide.done .slide-fill{width:100%!important;background:linear-gradient(90deg,var(--green),#49d39a)}.slide.done .slide-thumb{background:var(--green);color:#04120b;left:auto!important;right:4px}.slide.done .slide-label{color:#05271b}.donez{text-align:center;max-width:480px;margin:0 auto}.donez .tick{width:66px;height:66px;border-radius:50%;background:#5ec08a24;border:1px solid rgba(94,192,138,.4);color:var(--green);font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;animation:pop .4s ease}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.donez h2{font-size:clamp(24px,4vw,30px);margin-bottom:10px}.donez p{color:var(--text-dim);margin:0 auto 24px;max-width:42ch;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border-radius:10px;font-weight:600;font-size:15.5px;cursor:pointer;border:none;font-family:var(--ff-body)}.btn-primary{background:linear-gradient(180deg,var(--gold-hi),var(--gold) 50%,var(--gold-lo));color:#0a0a0b;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px -10px #dab0608c}.legal{max-width:960px;margin:0 auto;padding:26px 24px 60px;color:var(--text-mute);font-size:11.5px;line-height:1.6;text-align:center}@media (max-width:480px){.wrap{padding:28px 14px 70px}.head{gap:12px}.calcard iframe{height:580px}}