لینک ها

:root{
–ink:#161616;
–paper:#faf9f6;
–green:#0f8a4b;
–green-deep:#0b6b3a;
–green-soft:#e7f4ec;
–gray:#6b6b6b;
–line:#e2e0d8;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
font-family:’Vazirmatn’,Tahoma,Arial,sans-serif;
background:var(–paper);
color:var(–ink);
min-height:100vh;
display:flex;
justify-content:center;
padding:32px 18px 40px;
}
.card{ width:100%; max-width:420px; }
.badge{
width:112px;height:112px;
border-radius:50%;
background:#fff;
border:1.6px solid var(–ink);
display:flex;align-items:center;justify-content:center;
margin:0 auto 22px;
}
.badge svg{ width:62px;height:62px; }
.brand{ text-align:center; font-size:23px; font-weight:800; margin-bottom:4px; }
.brand-en{ text-align:center; font-size:11px; font-weight:600; letter-spacing:3px; color:var(–gray); margin-bottom:20px; }
.divider{ display:flex;align-items:center;gap:12px; margin:0 0 26px; }
.divider .l{flex:1;height:1px;background:var(–line);}
.divider .d{width:5px;height:5px;border-radius:50%;background:var(–ink);flex-shrink:0;}
.lead{ text-align:center; font-size:15px; font-weight:600; color:#333; line-height:1.9; margin-bottom:30px; }
.links{ display:flex; flex-direction:column; gap:14px; }
.link-btn{
display:flex; align-items:center; gap:14px;
padding:16px 18px; background:#fff;
border:1.6px solid var(–ink); border-radius:14px;
text-decoration:none; color:var(–ink);
transition:transform .15s ease, background .15s ease;
}
.link-btn:active{ transform:scale(0.98); background:var(–green-soft); }
.link-btn.primary{ background:var(–ink); color:#fff; border-color:var(–ink); }
.link-btn.primary .ic{ background:#fff; }
.link-btn.primary .ic svg{ stroke:var(–ink); }
.link-btn.primary:active{ background:var(–green-deep); border-color:var(–green-deep); }
.ic{ width:42px;height:42px; border-radius:50%; background:var(–green-soft); display:flex;align-items:center;justify-content:center; flex-shrink:0; }
.ic svg{ width:21px;height:21px; stroke:var(–green-deep); }
.txt{ flex:1; }
.txt .t1{ font-size:15.5px; font-weight:800; }
.txt .t2{ font-size:12px; font-weight:500; color:var(–gray); margin-top:2px; }
.link-btn.primary .txt .t2{ color:#c9c9c9; }
.arrow{ font-size:16px; color:var(–gray); flex-shrink:0; }
.link-btn.primary .arrow{ color:#e5e5e5; }
.stub-row{ margin-top:34px; border-top:1.5px dashed #c7c5bb; padding-top:16px; text-align:center; }
.stub-row .txt2{ font-size:11px; font-weight:600; letter-spacing:1.5px; color:var(–gray); }