:root{--dk-primary:#86343a;--dk-btn:#ab7670;--dk-text:#FFFFFF}
*{margin:0;box-sizing:border-box}
html,body{min-height:100%}
body{font-family:"Tajawal","Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  min-height:100vh;display:grid;place-items:center;padding:32px 20px;color:var(--dk-text);
  -webkit-font-smoothing:antialiased}
.dk-wrap{width:100%;display:grid;place-items:center}
.dk-card{width:100%;max-width:420px;text-align:center;display:flex;flex-direction:column;
  align-items:center;gap:18px}
.dk-logo{width:104px;height:104px;border-radius:26px;object-fit:cover}
.dk-logo-ph{display:grid;place-items:center;font-size:44px;font-weight:800;
  background:var(--dk-btn);color:#fff}
.dk-name{font-size:29px;font-weight:800;letter-spacing:-.3px;line-height:1.15}
.dk-desc{font-size:15.5px;line-height:1.6;max-width:340px;opacity:.92}
.dk-btns{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px;margin-top:4px}
.dk-btn{display:flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;
  padding:13px 18px;border-radius:14px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;
  background:var(--dk-btn);color:#fff}
.dk-btn:hover{transform:translateY(-2px)}
.dk-btn:active{transform:translateY(0)}
.dk-btn .dk-i{width:24px;height:24px;flex:none}
.dk-bt{display:flex;flex-direction:column;line-height:1.05;text-align:start}
.dk-bt small{font-size:10px;font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.04em}
.dk-bt b{font-size:17px;font-weight:700}
.dk-web{background:transparent;border:1.5px solid currentColor;color:var(--dk-text)}
.dk-web .dk-i{width:19px;height:19px}
.dk-qr{margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:8px}
.dk-qr img{width:126px;height:126px;border-radius:16px;padding:9px;background:#fff}
.dk-qr span{font-size:12px;font-weight:600;opacity:.8}
.dk-powered{margin-top:14px;font-size:12px;font-weight:600;letter-spacing:.06em;opacity:.65;
  text-transform:uppercase;cursor:pointer;}
@media(max-width:420px){.dk-name{font-size:25px}.dk-logo{width:88px;height:88px}}

/* template: classic */
body{background:radial-gradient(120% 120% at 50% 0%, #86343a 0%, #3f0000 100%)}
.dk-card{padding:36px 26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:30px;backdrop-filter:blur(3px);box-shadow:0 30px 80px -40px rgba(0,0,0,.55)}
.dk-logo{box-shadow:0 16px 40px -16px rgba(0,0,0,.5)}