:root{--bg:#eeeae5;--card:#f8f5f1;--text:#101217;--muted:#5c6068;--line:rgba(16,18,23,.13);--glass:rgba(255,255,255,.58);--surface:#ffffff;--surface-line:rgba(16,18,23,.10);--accent:#1f9bd1;--accent2:#0e2938;--shadow:0 24px 70px rgba(0,0,0,.18);--sun:#f5a623;--avatar-border:rgba(16,18,23,.88)}
[data-theme="dark"]{--bg:#0b0f10;--card:#111516;--text:#f4f6f8;--muted:#a7adb6;--line:rgba(255,255,255,.14);--glass:rgba(22,27,29,.68);--surface:#161a20;--surface-line:rgba(255,255,255,.07);--accent:#19a9e6;--accent2:#9bdcff;--shadow:0 30px 90px rgba(0,0,0,.55);--sun:#ffb84d;--avatar-border:rgba(255,255,255,.95)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#fff 0,var(--bg) 48%,var(--bg) 100%);color:var(--text);font-family:Vazirmatn,Inter,sans-serif;transition:background .35s,color .35s}body{padding:22px 12px 34px}.stage{width:min(100%,520px);margin:auto}.card{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--card);border-radius:30px;box-shadow:var(--shadow);min-height:860px;transition:background .35s,border .35s}
.cover{position:relative;height:430px;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;object-position:center 24%;display:block;filter:saturate(1.02) brightness(1.03);background:#0a0d12}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 38%,var(--card) 100%);pointer-events:none}[data-theme="dark"] .cover:after{background:linear-gradient(to bottom,rgba(0,0,0,.14) 0%,rgba(0,0,0,.06) 38%,var(--card) 100%)}
.controls{position:absolute;z-index:5;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;direction:ltr}
.control{width:48px;height:40px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.82);backdrop-filter:blur(12px);display:grid;place-items:center;font:800 15px Inter,Vazirmatn;cursor:pointer;color:#14161a;box-shadow:0 8px 25px rgba(0,0,0,.14);transition:.2s}
[data-theme="dark"] .control{background:rgba(28,31,37,.68);color:#fff}
.control svg{width:20px;height:20px}
.control .icon-sun{display:none}
[data-theme="dark"] .control .icon-moon{display:none}
[data-theme="dark"] .control .icon-sun{display:block;color:var(--sun)}
.control:hover{transform:translateY(-2px)}.control:active{transform:scale(.94)}
.profileRow{position:relative;z-index:4;margin-top:-88px;padding:0 28px;display:flex;align-items:end;gap:0;direction:ltr}.avatarWrap{position:relative;flex-shrink:0;width:123px;height:123px}.profile{width:123px;height:123px;border-radius:50%;object-fit:cover;object-position:center 8%;background:var(--card);padding:0;border:4px solid var(--avatar-border);box-shadow:0 10px 30px rgba(0,0,0,.25);transition:border-color .35s}.smallLogo{position:static;flex-shrink:0;width:64px;height:64px;border-radius:50%;object-fit:cover;background:#fff;border:3px solid var(--avatar-border);box-shadow:0 8px 20px rgba(0,0,0,.22);margin:0;margin-inline-end:12px;z-index:2;transition:border-color .35s}.name{font-size:28px;font-weight:800;line-height:1.25;margin:0 0 14px;color:var(--text);text-shadow:0 2px 10px rgba(0,0,0,.08)}
/* Language-specific profile ordering: English visually RTL (profile → small logo → name), Persian visually LTR (profile → small logo → name). */
html[dir="ltr"] .profileRow{direction:rtl}html[dir="rtl"] .profileRow{direction:ltr}
.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:24px 26px 6px;direction:ltr}.action{text-align:center;min-width:0}
.action button{width:62px;height:62px;border-radius:50%;border:1px solid var(--surface-line);background:var(--surface);color:var(--text);display:grid;place-items:center;margin:auto;cursor:pointer;box-shadow:0 7px 20px rgba(0,0,0,.10);transition:.2s}
.action button:hover{transform:translateY(-3px);border-color:rgba(31,155,209,.5)}.action button:active{transform:scale(.94)}
.action svg{width:24px;height:24px}.action span{display:block;font-size:12px;font-weight:600;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dot{fill:var(--surface)}
.program{margin:24px 26px 20px;padding:24px 18px;text-align:center;border:1px solid var(--line);border-radius:22px;background:var(--glass);backdrop-filter:blur(16px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.ra-text{margin:0;font-size:16px;font-weight:700;color:var(--text)}.ra-text span{display:block;line-height:1.9}.ra-text span:nth-child(2){color:var(--muted);font-weight:600;font-size:15px}.ra-text span:nth-child(3){color:var(--muted);font-weight:600;font-size:15px}
.address{margin:0 26px 20px;padding:16px 18px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;border:1px solid var(--line);border-radius:22px;background:var(--glass);backdrop-filter:blur(16px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.address svg{width:20px;height:20px;flex-shrink:0;color:var(--accent)}
.address p{margin:0;font-size:13.5px;font-weight:600;color:var(--muted);line-height:1.7;text-align:right}
.ltr .address p{text-align:left}
.bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 26px 26px;direction:ltr}
.bottom button{min-height:64px;border-radius:18px;border:1px solid var(--surface-line);background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 12px;cursor:pointer;transition:.2s}
.bottom button:hover{transform:translateY(-2px)}.bottom svg{width:22px;height:22px;flex-shrink:0}
.shareButton{justify-content:center!important;text-align:center}.shareButton .btnText{text-align:center!important}.btnText{display:flex;flex-direction:column;text-align:right;min-width:0}
.btnText b{font:700 12.5px/1.3 Vazirmatn,Inter,sans-serif}
.btnText small{font:600 10.5px/1.4 Vazirmatn,Inter,sans-serif;color:var(--muted);margin-top:2px}
.ltr .btnText{text-align:left}
#contactBtn .btnText{text-align:center}
.hint{font-size:11px;color:var(--muted);text-align:center;margin:-10px 26px 22px}
.intro{position:fixed;inset:0;background:#11171b;z-index:100;display:grid;place-items:center;transition:opacity .45s,visibility .45s}.intro.hide{opacity:0;visibility:hidden}
.introLogo{width:min(62vw,300px);filter:brightness(1.28) saturate(1.18) drop-shadow(0 0 26px rgba(25,169,230,.28));animation:introIn .75s ease-out both}
.bolt{position:absolute;width:8px;height:140%;top:-20%;left:-20%;transform:rotate(18deg);background:linear-gradient(to bottom,transparent,#ffffff 45%,#57d4ff 51%,transparent);filter:blur(1px) drop-shadow(0 0 18px #35c7ff);animation:bolt 1.15s .55s ease-in-out both}
.flash{position:absolute;inset:0;background:rgba(255,255,255,.22);opacity:0;animation:flash .18s 1.1s ease-out}
@keyframes introIn{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes bolt{0%{left:-30%;opacity:0}15%{opacity:1}100%{left:130%;opacity:1}}@keyframes flash{0%{opacity:0}45%{opacity:1}100%{opacity:0}}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:90;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modalBox{width:min(100%,390px);background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:20px;text-align:center;box-shadow:var(--shadow)}.modalBox h3{margin:0 0 14px}.modalAvatar{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:center 8%;border:3px solid var(--avatar-border);margin:0 auto 14px;display:block;box-shadow:0 8px 20px rgba(0,0,0,.18)}.qr{width:190px;height:190px;margin:0 auto 16px;background:#fff;border-radius:12px;padding:8px}.linkRow{display:flex;align-items:center;gap:8px;margin:0 0 16px;background:var(--surface);border:1px solid var(--surface-line);border-radius:14px;padding:8px 8px 8px 12px}.linkText{flex:1;min-width:0;margin:0;font-size:11px;word-break:break-all;text-align:left;color:var(--muted)}.copyBtn{flex-shrink:0;display:flex;align-items:center;gap:5px;border:1px solid var(--surface-line);background:var(--card);color:var(--text);border-radius:10px;padding:8px 11px;font:600 12px Vazirmatn,Inter,sans-serif;cursor:pointer;transition:.2s}.copyBtn svg{width:14px;height:14px;flex-shrink:0}.copyBtn:hover{border-color:rgba(31,155,209,.5)}.copyBtn:active{transform:scale(.94)}.modalActionBtn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--surface-line);background:var(--surface);color:var(--text);border-radius:14px;padding:13px;font:700 13.5px Vazirmatn,Inter,sans-serif;cursor:pointer;margin:0 0 10px;transition:.2s}.modalActionBtn svg{width:18px;height:18px;flex-shrink:0}.modalActionBtn:hover{transform:translateY(-2px);border-color:rgba(31,155,209,.5)}.modalActionBtn:active{transform:scale(.98)}.modalClose{width:100%;border:0;border-radius:12px;padding:11px 20px;background:var(--text);color:var(--card);font:700 14px Vazirmatn;cursor:pointer}.toast{position:fixed;z-index:120;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;background:#111;color:#fff;padding:11px 16px;border-radius:999px;font:600 13px Vazirmatn;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
.footer{display:block;width:100%;margin:14px auto 0;padding:23px 21px;text-align:center;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 12px 30px rgba(0,0,0,.08);text-decoration:none;transition:background .35s,border .35s,transform .2s}
.footer:hover{transform:translateY(-2px)}
.footer span{display:block;text-align:center}
.footer .footerLine1{font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:8px}.footerLogoWrap{position:relative;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.footerLogoWrap::before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0%,transparent 76%,rgba(125,211,252,.75) 87%,#ffffff 93%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));animation:footerLogoOrbit 2.4s linear infinite}.footerLogo{width:26px;height:26px;object-fit:contain;display:block;flex-shrink:0;position:relative;z-index:2;animation:footerLogoPulse 1.8s ease-in-out infinite}
@keyframes footerLogoPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(31,155,209,0))}50%{transform:scale(1.22);filter:drop-shadow(0 0 6px rgba(31,155,209,.65))}}
@keyframes footerLogoOrbit{to{transform:rotate(360deg)}}
.footer .footerLine2{font-size:17px;font-weight:700;color:var(--accent);letter-spacing:.02em}
.ltr .name{text-align:left}.ltr .profileRow{justify-content:flex-start}.ltr .profileRow .name{margin-bottom:14px}.ltr .actions{direction:ltr}.ltr .program{direction:ltr}.ltr .actions .action:nth-child(1){order:4}.ltr .actions .action:nth-child(2){order:3}.ltr .actions .action:nth-child(3){order:2}.ltr .actions .action:nth-child(4){order:1}.ltr .bottom #contactBtn{order:1}.ltr .bottom #mapBtn{order:2}.ltr .bottom #shareBtn{order:3}.ltr .bottom button{flex-direction:row-reverse}
@media(max-width:390px){body{padding:8px}.card{border-radius:24px}.cover{height:360px}.profileRow{padding:0 18px}.avatarWrap{width:107px;height:107px}.profile{width:107px;height:107px}.smallLogo{width:58px;height:58px}.name{font-size:24px}.actions{padding:20px 16px 4px;gap:8px}.action button{width:54px;height:54px}.program{margin-left:16px;margin-right:16px}.address{margin-left:16px;margin-right:16px;padding:12px 10px}.address p{font-size:12px}.bottom{padding-left:16px;padding-right:16px;gap:6px}.bottom button{padding:0 8px}.btnText b{font-size:11px}.btnText small{font-size:9.5px}}

/* Circular intro/GIF image */
.intro img[src*="shark-intro"],
.intro-gif img[src*="shark-intro"],
.intro-image img[src*="shark-intro"],
#intro img[src*="shark-intro"],
img.intro-gif[src*="shark-intro"],
img.intro-image[src*="shark-intro"] {
  border-radius: 50% !important;
  overflow: hidden;
  object-fit: cover;
}