body{background:#f6f4ef;color:#232323;font-family:Montserrat,Arial,sans-serif}.ref-wrap{max-width:760px;margin:auto;padding:18px 16px 60px}.ref-back{color:#292929;text-decoration:none;font-weight:700}.ref-hero{margin:22px 0;background:linear-gradient(135deg,#222,#444);color:#fff;border-radius:22px;padding:30px 24px}.ref-hero h1{font-size:clamp(27px,6vw,42px);line-height:1.12;margin:10px 0}.ref-hero small{color:#ffc54d;letter-spacing:1px;font-weight:800}.ref-panel{background:#fff;border:1px solid #e5e0d7;padding:23px;margin:15px 0;border-radius:18px;box-shadow:0 6px 22px #0000000c}.ref-panel label{font-weight:700;display:block}.ref-panel input{display:block;width:100%;padding:14px;border-radius:9px;border:1px solid #ccc;margin:8px 0 12px;box-sizing:border-box;font-size:17px}.ref-panel button{background:#db251f;color:#fff;border:0;border-radius:9px;padding:13px 17px;font-size:15px;font-weight:800;cursor:pointer}.ref-panel button:disabled{opacity:.6}.ref-help{font-size:12px;color:#666;line-height:1.5}.ref-stat{font-size:34px;font-weight:900;color:#d52b21}.ref-link{word-break:break-all;background:#f7f4ed;padding:14px;border-radius:10px;margin:12px 0}.ref-progress{height:13px;background:#eee;border-radius:15px;overflow:hidden;margin:12px 0}.ref-progress>span{display:block;background:#df3028;height:100%}.ref-reward{padding:12px;border:1px dashed #b9b9b9;border-radius:12px;margin:10px 0}