:root{
  --bg:#090b0b;
  --panel:#111414;
  --panel-2:#151919;
  --line:#2b3030;
  --ink:#f5f4ed;
  --muted:#aeb4b0;
  --gold:#d8b66b;
  --gold-soft:#b59657;
  --font:'IBM Plex Sans Arabic',Tahoma,sans-serif;
  --display:'Barlow Condensed',Impact,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{min-height:100svh;margin:0;color:var(--ink);font-family:var(--font);background:
  radial-gradient(circle at 50% -15%,#d8b66b17 0,transparent 34%),
  radial-gradient(circle at 115% 48%,#6d5b3514 0,transparent 30%),
  linear-gradient(180deg,#0c0f0f 0%,#080a0a 65%,#070909 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.18;z-index:0}
.ambient-one{width:320px;height:320px;background:#d8b66b;top:-170px;right:-120px}
.ambient-two{width:280px;height:280px;background:#5b4c2c;bottom:-160px;left:-120px}
.grid{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.055;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.links-shell{position:relative;z-index:1;width:100%;min-height:100svh;padding:max(28px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center}
.profile{width:min(100%,520px);text-align:center;padding:24px 0 18px}
.brand{display:block;width:220px;max-width:58vw;margin:0 auto 8px;filter:drop-shadow(0 18px 28px #0008);transition:transform .25s ease,filter .25s ease}
.brand:hover{transform:translateY(-2px);filter:drop-shadow(0 22px 34px #000a)}
.brand img{display:block;width:100%;height:auto}
.eyebrow{direction:ltr;display:flex;align-items:center;justify-content:center;gap:11px;margin:2px 0 15px;color:#d7d7cf;font:600 11px/1 var(--display);letter-spacing:2.7px}
.eyebrow span{width:25px;height:1px;background:var(--gold)}
h1{margin:0;font-size:clamp(38px,10vw,56px);line-height:1.15;letter-spacing:-1.3px;font-weight:700}
h1 em{font-style:normal;color:var(--gold);font-family:var(--display);letter-spacing:1px}
.intro{margin:13px auto 25px;color:var(--muted);font-size:14px;line-height:1.9}
.intro span{font:600 11px/1.4 var(--display);letter-spacing:1.3px;color:#d2d5d1}
.link-list{display:grid;gap:11px;margin-top:6px}
.link-card{position:relative;min-height:74px;display:grid;grid-template-columns:48px 1fr 32px;gap:14px;align-items:center;text-align:right;border:1px solid var(--line);background:linear-gradient(115deg,#151818ee,#101313f5);padding:11px 16px;border-radius:4px;box-shadow:0 13px 35px #0003;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.link-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold);opacity:.22;transition:opacity .2s ease,width .2s ease}
.link-card:hover{transform:translateY(-2px);border-color:#d8b66b70;background:linear-gradient(115deg,#191d1cee,#121515f8);box-shadow:0 17px 42px #0005}
.link-card:hover:before{opacity:1;width:4px}
.link-card.primary{border-color:#8f7847;background:linear-gradient(115deg,#1b1c17,#111412)}
.link-card.primary:before{opacity:1}
.icon{width:44px;height:44px;border:1px solid #3a403f;background:#0b0d0d;display:grid;place-items:center;border-radius:50%;color:var(--gold)}
.icon svg{width:21px;height:21px;fill:currentColor}
.label{min-width:0;display:flex;flex-direction:column;gap:2px}
.label strong{font-size:16px;font-weight:600;line-height:1.4;color:#f3f2ea}
.label small{font-size:11px;line-height:1.5;color:#9fa6a1;letter-spacing:.15px;overflow-wrap:anywhere}
.label small[dir="ltr"]{text-align:right}
.arrow{direction:ltr;font:400 23px/1 var(--display);color:#777e79;transition:transform .2s ease,color .2s ease}
.link-card:hover .arrow{color:var(--gold);transform:translate(2px,-2px)}
.signature{direction:ltr;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:27px 0 8px;color:#858c87}
.signature .line{height:1px;background:linear-gradient(90deg,transparent,#424847)}
.signature .line:last-child{background:linear-gradient(90deg,#424847,transparent)}
.signature p{margin:0;font:600 9px/1.4 var(--display);letter-spacing:1.8px}
.footer-copy{margin:0;color:#676d69;font-size:10px}
@media (max-width:390px){
  .links-shell{padding-inline:14px}
  .profile{padding-top:15px}
  .brand{width:190px}
  h1{font-size:38px}
  .link-card{min-height:70px;grid-template-columns:43px 1fr 28px;padding:10px 13px;gap:11px}
  .icon{width:40px;height:40px}
  .label strong{font-size:15px}
  .label small{font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}