:root{color-scheme:light;--bg:#efebed;--panel:#fffdfd;--text:#322d35;--muted:#6c616b;--line:#dfd5dc;--accent:#28664F;--ink:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#DCE8DF 0,transparent 43%),radial-gradient(ellipse at 95% 45%,#e3dce5 0,transparent 45%),var(--bg);min-height:100vh;color:var(--text);font:17px/1.7 'Tajawal',Tahoma,Arial,sans-serif;-webkit-text-size-adjust:100%;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
svg{width:24px;height:24px;display:block;flex-shrink:0}[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--ink)}
.skip{position:fixed;top:8px;right:8px;transform:translateY(-150%);padding:10px 18px;background:var(--accent);color:var(--ink);z-index:9}.skip:focus{transform:none}
.link-page{position:relative;width:min(550px,calc(100% - 32px));margin:30px auto 0;padding:30px 20px 22px;border:1px solid rgba(255,255,255,.85);border-radius:32px;background:rgba(255,253,253,.56);box-shadow:0 25px 80px rgba(68,46,64,.07),inset 0 1px 0 #fff}
.profile{text-align:center;padding:4px 0 24px}
.portrait-halo{position:relative;width:170px;height:170px;margin:0 auto 23px;padding:7px;border-radius:50%;background:linear-gradient(140deg,#F7FCF9,#9EBBAA 44%,#e1d8df 70%,#fff);box-shadow:0 12px 32px rgba(61,42,55,.14)}
.portrait-halo::after{content:'';position:absolute;inset:-7px;border:1px solid rgba(40,102,79,.2);border-radius:50%;pointer-events:none}
.profile-photo{display:block;width:156px;height:156px;max-width:100%;object-fit:cover;object-position:50% 21%;border-radius:50%;border:4px solid #fff;outline:0;margin:0;background:#c6c1c8;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
h1{font-size:clamp(25px,5.6vw,34px);line-height:1.4;margin:0 0 12px;font-weight:800;letter-spacing:-.4px}
.profile p{display:inline-block;margin:0;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.3px;border:1px solid var(--line);border-radius:999px;padding:5px 17px;background:rgba(255,255,255,.65)}
.link-list{display:grid;gap:12px}
.link-tile{position:relative;isolation:isolate;display:flex;align-items:center;gap:15px;padding:17px 18px;min-height:84px;border:1px solid rgba(193,177,190,.45);border-radius:18px;background:linear-gradient(125deg,#fff,#faf7fa);box-shadow:0 3px 10px rgba(65,40,58,.025);transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s}
.tile-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #e6dde4;border-radius:14px;flex-shrink:0;background:#f4f0f3;color:var(--accent);transition:transform .25s,background .25s}
.tile-copy{flex:1;min-width:0}.tile-copy strong{display:block;font-size:19px;font-weight:700;line-height:1.5}
.tile-copy small{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin-top:2px}
.tile-arrow{width:19px;height:19px;color:var(--muted);transition:transform .25s,color .25s}
.request-tile{min-height:96px;background:linear-gradient(120deg,#1D503D,#34785C);color:#fff;border-color:#347157;box-shadow:0 10px 24px rgba(40,102,79,.18);margin-bottom:13px}
.request-tile .tile-icon{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.1)}
.request-tile .tile-copy strong{font-size:20px;line-height:1.5}.request-tile .tile-copy small{color:#E6F3EC}.request-tile .tile-arrow{color:inherit}
.forms-note{text-align:center;color:var(--muted);font-size:13px;margin:0 0 24px}
.whatsapp .tile-icon{color:#286b49}.facebook .tile-icon{color:#335f9b}.telegram .tile-icon{color:#326680}
.site-footer{text-align:center;padding:22px 18px calc(25px + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:12px}.site-footer p{margin:0}.site-footer p:first-child{font-weight:700;color:var(--text);margin-bottom:3px}
.page-content{width:min(850px,calc(100% - 36px));margin:35px auto;min-height:60vh}.post{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:17px;margin-bottom:20px}
.post-title{font-size:28px;line-height:1.5}.post-body{overflow-wrap:anywhere}.post-body img,.post-body iframe,.post-body video{max-width:100%}.post-body img{height:auto}
.post-body a{color:var(--accent);text-decoration:underline}.post-body pre,.post-body table{display:block;max-width:100%;overflow:auto}
.pager{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.button{display:inline-block;padding:12px 18px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.link-tile:active{transform:scale(.975);box-shadow:0 2px 6px rgba(65,40,58,.08)}
@media(hover:hover) and (pointer:fine){
.link-tile:hover{transform:translateY(-4px);border-color:#b29aab;box-shadow:0 12px 25px rgba(65,40,58,.09)}
.link-tile:hover .tile-icon{transform:rotate(-5deg)}
.link-tile:hover .tile-arrow{transform:translate(-3px,-3px);color:var(--accent)}
.request-tile:hover{border-color:#5B9478;box-shadow:0 14px 28px rgba(40,102,79,.25)}
.request-tile:hover .tile-arrow{color:#fff}
.portrait-halo:hover .profile-photo{transform:scale(1.025)}
}
@media(max-width:359px){.link-page{padding:25px 13px 16px;border-radius:25px;margin-top:18px}.link-tile{padding:15px 12px;gap:10px}.tile-icon{width:40px;height:42px}.request-tile .tile-copy strong{font-size:18px}.tile-copy strong{font-size:18px}.tile-copy small{font-size:12px}}
@media(min-width:700px){.link-page{margin-top:45px;padding:36px 28px 28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}