@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-500.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-600.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{--ink: #16181D;--panel: #1D2129;--raised: #21252C;--line: #2C313A;--fg: #FFFFFF;--fg-2: #B8BDC5;--fg-3: #8A8F98;--fg-4: #6B7078;--accent: #FF5A1F;--radius: 12px;--font: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-ar: "IBM Plex Sans Arabic", "Noto Naskh Arabic", var(--font)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[dir=rtl] body{font-family:var(--font-ar)}.card-shell{min-height:100%;display:flex;justify-content:center;padding:20px 16px 40px}.card-shell--center{align-items:center}.card{width:100%;max-width:400px;transition:transform .12s ease-out;will-change:transform}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.logo-lockup{display:flex;align-items:center;gap:9px;color:var(--fg)}.logo-word{font-size:16px;font-weight:600;letter-spacing:-.3px}.logo-word-light{color:var(--fg-3);font-weight:400}.logo-svg--animate .logo-o,.logo-svg--animate .logo-wave{stroke-dasharray:200;stroke-dashoffset:200;animation:draw .7s cubic-bezier(.3,.7,.3,1) forwards}.logo-svg--animate .logo-wave--1{animation-delay:.26s}.logo-svg--animate .logo-wave--2{animation-delay:.38s}@keyframes draw{to{stroke-dashoffset:0}}.lang{display:flex;gap:2px}.lang-btn{border:0;background:transparent;color:var(--fg-3);font:inherit;font-size:11px;letter-spacing:.5px;padding:5px 10px;border-radius:20px;cursor:pointer;transition:color .14s}.lang-btn:hover{color:var(--fg)}.lang-btn--on{background:var(--accent);color:var(--ink);font-weight:600}.identity{text-align:center;margin-bottom:22px}.avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);margin-bottom:15px;background:var(--raised)}.name{margin:0;font-size:25px;font-weight:600;letter-spacing:-.4px;line-height:1.2}.title{margin:6px 0 0;font-size:13.5px;color:var(--accent);font-weight:500}.org{margin:3px 0 0;font-size:13.5px;color:var(--fg-3)}.tagline{margin:15px 0 0;font-size:12.5px;color:var(--fg-4);font-style:italic}html[dir=rtl] .tagline{font-style:normal}.save{width:100%;border:0;border-radius:var(--radius);background:var(--accent);color:var(--ink);font:inherit;font-size:15px;font-weight:600;padding:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-bottom:10px;opacity:0;animation:rise .42s cubic-bezier(.2,.7,.3,1) var(--d, 0ms) forwards;transition:transform .1s,background .2s}.save:active{transform:scale(.985)}.save--done{background:#2ecc71}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.action{background:var(--raised);color:var(--fg);border-radius:var(--radius);padding:13px 10px;font-size:13px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .16s,transform .1s}.action:hover{background:#272c34}.action:active{transform:scale(.985)}.eyebrow{margin:0 0 4px;font-size:11px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:var(--fg-4)}.service-list{list-style:none;margin:0;padding:0}.service-list li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:.5px solid var(--line);font-size:14px;color:var(--fg-2)}.service-icon{color:var(--accent);flex:none}.card-foot{margin-top:22px;text-align:center}.card-foot a{font-size:12px;color:var(--fg-4);text-decoration:none;letter-spacing:.2px}.card-foot a:hover{color:var(--fg-3)}.muted{color:var(--fg-3);font-size:14px}.reveal{opacity:0;animation:rise .42s cubic-bezier(.2,.7,.3,1) var(--d, 0ms) forwards}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion: reduce){.reveal,.save{animation:none;opacity:1}.logo-svg--animate .logo-o,.logo-svg--animate .logo-wave{animation:none;stroke-dashoffset:0}.card{transition:none}}.bio{margin-top:24px}.bio-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.bio-head .eyebrow{margin:0;color:var(--accent)}.rule{flex:1;height:.5px;background:linear-gradient(to right,transparent,var(--line))}html[dir=rtl] .rule{background:linear-gradient(to left,transparent,var(--line))}.bio p{margin:0;font-size:13.5px;line-height:1.85;color:var(--fg-2)}
