*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
body{min-height:100vh;padding:30px 15px;display:flex;align-items:center;justify-content:center;background:#f4f1e8;color:#333;font-family:'Vazirmatn',system-ui,sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.support-box{width:100%;max-width:560px;min-width:0;padding:38px 30px;background:#fff;border-radius:22px;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.10);overflow:hidden}
.support-box h1{margin-bottom:18px;color:#496b45;font-size:30px;line-height:1.5}
.support-box p{width:100%;min-width:0;margin-bottom:28px;color:#666;font-size:16px;line-height:2;overflow-wrap:anywhere}
.card-image{display:block;width:100%;max-width:430px;height:auto;margin:0 auto 25px;border-radius:16px;box-shadow:0 7px 20px rgba(0,0,0,.15);user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.card-info{display:block;width:100%;max-width:100%;min-width:0;margin:0 auto 15px;padding:18px 15px;background:#f5f7f1;border:1px solid #e2e7dc;border-radius:14px;text-align:center;overflow:hidden}
.label{display:block;width:100%;margin-bottom:10px;color:#777;font-size:13px}
.card-number{display:block;width:100%;max-width:100%;margin:0;direction:ltr;color:#3f5d3c;font-size:22px;font-weight:bold;letter-spacing:1px;text-align:center;white-space:nowrap}
.owner{width:100%;max-width:100%;margin:18px auto;color:#555;font-size:15px;line-height:2.2;overflow-wrap:anywhere}
.owner strong{color:#3f5d3c}
.copy-btn{display:block;width:100%;max-width:250px;margin:0 auto;padding:13px 25px;border:none;border-radius:10px;background:#496b45;color:#fff;font-family:inherit;font-size:15px;cursor:pointer;transition:.2s;user-select:none}
.copy-btn:hover{background:#385635;transform:translateY(-2px)}
.copy-btn:active{transform:translateY(0)}
.notice{width:100%;max-width:100%;margin-top:25px;padding:13px 15px;background:#f8f4df;color:#756b3c;border-radius:10px;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.back{display:inline-block;max-width:100%;margin-top:22px;color:#496b45;font-size:14px;text-decoration:none;overflow-wrap:anywhere;user-select:none}
.back:hover{color:#385635;text-decoration:underline}
@media (max-width:768px){
body{padding:25px 12px;align-items:flex-start}
.support-box{width:100%;padding:32px 20px;margin-top:10px}
.support-box h1{font-size:27px}
.support-box p{font-size:15px}
}
@media (max-width:480px){
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{padding:10px 8px;display:block}
.support-box{width:100%;max-width:100%;min-width:0;margin:0 auto;padding:25px 12px;border-radius:18px}
.support-box h1{margin-bottom:14px;font-size:22px}
.support-box p{width:100%;margin-bottom:20px;font-size:13px;line-height:2;overflow-wrap:anywhere}
.card-image{display:block;width:100%;max-width:100%;height:auto;margin:0 auto 20px;border-radius:12px}
.card-info{display:block;width:100%;max-width:100%;min-width:0;margin:0 auto 15px;padding:15px 5px;border-radius:12px;overflow:hidden}
.label{width:100%;margin-bottom:9px;font-size:12px}
.card-number{display:block;width:100%;max-width:100%;font-size:15px;letter-spacing:0;line-height:1.5;text-align:center;white-space:nowrap}
.owner{width:100%;max-width:100%;margin:17px auto;font-size:13px;line-height:2.4;overflow-wrap:anywhere}
.copy-btn{display:block;width:100%;max-width:100%;margin:0 auto;padding:12px 15px;font-size:14px}
.notice{width:100%;max-width:100%;margin-top:20px;padding:11px;font-size:12px;line-height:1.9}
.back{max-width:100%;margin-top:20px;font-size:13px}
}
@media (max-width:350px){
body{padding:8px 5px}
.support-box{padding:22px 10px}
.support-box h1{font-size:20px}
.support-box p{font-size:12px}
.card-number{font-size:14px;letter-spacing:0}
.owner{font-size:12px}
}
.back{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:250px;margin-top:22px;padding:13px 25px;background:#496b45;color:#fff!important;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:.2s;user-select:none}.back:hover{background:#385635;color:#fff!important;transform:translateY(-2px);text-decoration:none}