*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-page: #efece4;--bg-card: #fafaf7;--bg-soft: #f0ede4;--bg-white: #ffffff;--ink: #0a1628;--ink-soft: #1e3a5f;--muted: #6b6555;--gold: #c9b885;--gold-soft: rgba(201, 184, 133, .12);--gold-border: rgba(201, 184, 133, .3);--line: rgba(10, 22, 40, .08);--line-soft: rgba(10, 22, 40, .05);--shadow-sm: 0 1px 2px rgba(10, 22, 40, .04);--shadow-lg: 0 20px 60px -20px rgba(10, 22, 40, .15), 0 0 0 1px rgba(10, 22, 40, .04);--card-top-start: #f0ede4;--card-top-end: #fafaf7;--btn-primary-bg: #0a1628;--btn-primary-color: #fafaf7;--avatar-bg-start: #1e3a5f;--avatar-bg-end: #0a1628;--status-online: #16a34a;--address-color: #1e3a5f}.container{--btn-primary-bg: var(--brand-btn-bg, #0a1628);--btn-primary-color: var(--brand-btn-color, #fafaf7)}@media (prefers-color-scheme: dark){:root{--bg-page: #0d121b;--bg-card: #131a26;--bg-soft: #1a2230;--bg-white: rgba(255, 255, 255, .05);--ink: #f0ede4;--ink-soft: #d6d4cc;--muted: #a1a098;--gold: #d4c490;--gold-soft: rgba(212, 196, 144, .1);--gold-border: rgba(212, 196, 144, .3);--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 60px -20px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .04);--card-top-start: #1e2738;--card-top-end: #131a26;--btn-primary-bg: #d4c490;--btn-primary-color: #131a26;--avatar-bg-start: #2a3a55;--avatar-bg-end: #131a26;--status-online: #4ade80;--address-color: #d6d4cc}.container{--btn-primary-bg: #d4c490;--btn-primary-color: #131a26}}html,body{font-family:Heebo,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-page);color:var(--ink);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{display:flex;align-items:center;justify-content:center;padding:12px;background:radial-gradient(circle at 20% 0%,rgba(201,184,133,.15),transparent 50%),radial-gradient(circle at 80% 100%,rgba(30,58,95,.08),transparent 50%),var(--bg-page)}#root{width:100%;display:flex;align-items:center;justify-content:center}body.verino-app{display:block;padding:0}body.verino-app #root{display:block;width:100%}.container{width:100%;max-width:420px}.hidden{display:none!important}.lang-toggle{position:fixed;top:16px;left:16px;z-index:50;display:flex;background:var(--bg-card);border:1px solid var(--line);border-radius:999px;padding:3px;box-shadow:var(--shadow-sm);font-size:11px;font-weight:500;letter-spacing:.3px;direction:rtl}.lang-toggle button{background:transparent;border:none;padding:5px 11px;border-radius:999px;cursor:pointer;color:var(--muted);font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.5px;transition:all .2s ease}.lang-toggle button.active{background:var(--ink);color:var(--bg-card)}.lang-toggle button:not(.active):hover{color:var(--ink)}html[lang=en] .name{letter-spacing:0}.btn-grid,.socials{direction:rtl}.loading-state{text-align:center;padding:60px 20px;animation:fadeIn .3s ease}.loading-spinner{width:40px;height:40px;border:3px solid var(--gold-border);border-top-color:var(--gold);border-radius:50%;margin:0 auto 20px;animation:spin .8s linear infinite}.loading-text{font-size:13px;color:var(--muted);letter-spacing:1.5px}.card{position:relative;background:var(--bg-card);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);animation:fadeUp .7s cubic-bezier(.2,.8,.2,1)}.card-top{position:absolute;top:0;right:0;left:0;height:160px;background:linear-gradient(180deg,var(--bg-soft) 0%,var(--bg-card) 100%);pointer-events:none}.card-top:after{content:"";position:absolute;top:0;right:0;left:0;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(201,184,133,.15) 0px,transparent 1px),radial-gradient(circle at 80% 60%,rgba(201,184,133,.1) 0px,transparent 1px);background-size:30px 30px,50px 50px;opacity:.6}.card-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:22px 26px 0;z-index:2;direction:rtl}.brand-tag{font-size:10px;letter-spacing:2.5px;color:#8a8270;font-weight:500}.status{display:flex;align-items:center;gap:6px}.status-dot{width:7px;height:7px;background:var(--status-online);border-radius:50%;position:relative}.status-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--status-online);opacity:.3;animation:pulse 2s ease-in-out infinite}.status-text{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:500}.card-body{position:relative;padding:50px 28px 24px;text-align:center;z-index:2}.avatar-wrap{position:relative;width:124px;height:124px;margin:0 auto 18px}.avatar-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(from 135deg,var(--gold) 0deg,transparent 90deg,var(--gold) 180deg,transparent 270deg,var(--gold) 360deg);opacity:.6;animation:spin 20s linear infinite}.avatar{position:relative;width:124px;height:124px;border-radius:50%;background:linear-gradient(135deg,var(--avatar-bg-start),var(--avatar-bg-end));display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:500;color:var(--bg-card);border:4px solid var(--bg-card);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.name{font-size:26px;font-weight:500;color:var(--ink);letter-spacing:.2px;margin-bottom:8px}.title-row{margin-bottom:10px}.title-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:var(--gold-soft);border:1px solid var(--gold-border);border-radius:20px}.title-text{font-size:11px;color:#7a6a3d;letter-spacing:1px;font-weight:500}.company-logo{display:inline-flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;transition:opacity .2s ease,transform .2s ease;opacity:.95;cursor:pointer;-webkit-tap-highlight-color:transparent}.company-logo-inner{display:inline-flex;align-items:center;gap:6px;position:relative}.company-logo:hover{opacity:1;transform:translateY(-2px)}.company-logo:active{transform:translateY(0)}.company-logo img{height:40px;width:auto;display:block;transition:filter .2s ease}.company-logo:hover img{filter:drop-shadow(0 2px 8px rgba(10,22,40,.12))}.company-logo-external{width:13px;height:13px;color:var(--muted);opacity:.6;transition:all .2s ease;flex-shrink:0}.company-logo:hover .company-logo-external{opacity:1;color:var(--gold);transform:translate(2px,-2px)}.company-logo .company-logo-text{transition:color .2s ease}.company-logo:hover .company-logo-text{color:var(--ink)!important}.company-logo-tagline{font-size:10px;letter-spacing:1.2px;color:var(--muted);font-weight:500;opacity:.75;transition:all .2s ease}.company-logo:hover .company-logo-tagline{opacity:1;color:var(--gold);letter-spacing:1.5px}.bio-text{margin:14px auto 0;max-width:34ch;font-size:13.5px;line-height:1.75;color:var(--muted);text-align:center;text-wrap:pretty}.office-section{margin-top:18px;padding:14px 14px 12px;background:#c9b8850f;border:1px solid rgba(201,184,133,.2);border-radius:14px;text-align:right;direction:rtl}.office-section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;direction:rtl}.office-section-line{flex:1;height:1px;background:#c9b8854d}.office-section-label{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:500;white-space:nowrap}html[lang=en] .office-section{direction:ltr;text-align:left}html[lang=en] .office-section-header{direction:ltr}html[lang=en] .office-row{flex-direction:row}.office-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.office-icon{color:var(--gold);font-size:14px;flex-shrink:0;margin-top:2px}.office-text{font-size:12px;color:var(--address-color);line-height:1.6;flex:1}.office-text .office-name{font-weight:600;color:var(--ink)}.office-text .office-city{color:var(--muted);font-size:11px}.office-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.office-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;background:var(--bg-white);border:1px solid var(--line);border-radius:9px;font-size:11px;font-weight:500;color:var(--ink);text-decoration:none;transition:all .2s ease;font-family:inherit;cursor:pointer}.office-btn:hover{border-color:#0a16282e;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.office-btn:active{transform:scale(.97)}.office-btn svg{width:14px;height:14px;flex-shrink:0}.divider{display:flex;align-items:center;gap:12px;margin:20px 0}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(10,22,40,.12))}.divider-line.left{background:linear-gradient(-90deg,transparent,rgba(10,22,40,.12))}.divider-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;transform:rotate(45deg)}.btn-primary{width:100%;background:var(--btn-primary-bg);color:var(--btn-primary-color);border:none;padding:14px;border-radius:14px;font-size:15px;font-weight:500;letter-spacing:.3px;font-family:inherit;cursor:pointer;transition:all .2s ease;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,184,133,.2),transparent);transition:right .6s ease}.btn-primary:hover:before{right:100%}.btn-primary:active{transform:scale(.98)}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.btn-email-full{width:100%;margin-bottom:14px;padding:12px}.btn-secondary{background:var(--bg-white);color:var(--ink);border:1px solid var(--line);padding:12px;border-radius:14px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.btn-secondary:hover{border-color:#0a162833;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary:active{transform:scale(.97)}.socials{display:flex;justify-content:center;gap:10px}.social-link{width:44px;height:44px;background:var(--bg-white);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;text-decoration:none}.social-link:hover{transform:translateY(-2px);border-color:#0a16282e;box-shadow:var(--shadow-sm)}.social-link svg{width:19px;height:19px}.footer-tag{margin-top:18px;font-size:9px;color:#a8a193;letter-spacing:2px;font-weight:500}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:var(--ink);color:var(--bg-card);padding:12px 24px;border-radius:12px;font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);opacity:0;transition:all .3s cubic-bezier(.2,.8,.2,1);z-index:100;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.4);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 380px){body{padding:8px}.card-body{padding:44px 22px 20px}.name{font-size:22px;margin-bottom:6px}.title-row{margin-bottom:8px}.avatar-wrap,.avatar{width:108px;height:108px;margin-bottom:14px}.avatar{font-size:36px}.divider{margin:14px 0}.btn-primary{padding:12px;margin-bottom:8px}.btn-secondary{padding:10px}.btn-grid{margin-bottom:10px;gap:6px}.btn-email-full{margin-bottom:12px;padding:11px}.social-link{width:40px;height:40px}.office-section{margin-top:14px;padding:12px 12px 10px}.footer-tag{margin-top:14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.an-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}@media (max-width: 820px){.an-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.share-fab{position:fixed;top:16px;right:16px;z-index:50;display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--line);border-radius:999px;padding:6px 13px;box-shadow:var(--shadow-sm);font-size:11px;font-weight:500;font-family:inherit;color:var(--ink);cursor:pointer;transition:border-color .2s ease}.share-fab:hover{border-color:var(--gold-border)}.share-fab svg{width:14px;height:14px}
