@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";:root{color:#072a34;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2ee;font-family:Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#eef2ee;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #087f8847}::selection{color:#fff;background:#087f88}.admin-login-page,.dashboard-page,.admin-checking{--admin-navy:#083a46;--admin-teal:#07858d;--admin-cyan:#09a8ba;--admin-bg:#f2f6f4;--admin-card:#fff;color:#102f38;min-height:100svh}.admin-login-page{background:radial-gradient(circle at 18% 12%,#09a8ba1c,#0000 30%),radial-gradient(circle at 85% 82%,#083a4617,#0000 34%),linear-gradient(145deg,#f8fbf9,#e9f1ee);place-items:center;padding:76px 24px 40px;display:grid;position:relative;overflow:hidden}.admin-login-glow{filter:blur(4px);pointer-events:none;border-radius:50%;position:absolute}.admin-login-glow--one{background:#09a8ba14;width:380px;height:380px;top:-160px;right:-100px}.admin-login-glow--two{background:#083a460f;width:430px;height:430px;bottom:-190px;left:-120px}.admin-site-link{color:#527177;align-items:center;gap:7px;font-weight:600;text-decoration:none;transition:color .16s,transform .16s;display:flex;position:absolute;top:28px;left:32px}.admin-site-link:hover{color:var(--admin-teal);transform:translate(-2px)}.admin-login-card{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe8;border:1px solid #ffffffe6;border-radius:28px;width:min(100%,450px);padding:34px;animation:.4s cubic-bezier(.23,1,.32,1) both reveal;position:relative;box-shadow:0 28px 80px #1a424224}.admin-brand{align-items:center;gap:11px;display:flex}.admin-brand__mark{background:linear-gradient(145deg, var(--admin-cyan), var(--admin-navy));color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 10px 25px #05707c38}.admin-brand>span:last-child{flex-direction:column;display:flex}.admin-brand strong{color:var(--admin-navy);font-size:20px;line-height:1.1}.admin-brand small{color:#8b9a9e;margin-top:3px;font-size:12px}.admin-login-heading{margin:38px 0 28px}.admin-login-icon{width:53px;height:53px;color:var(--admin-teal);background:#eaf6f4;border-radius:17px;place-items:center;display:grid}.admin-login-heading h1{color:var(--admin-navy);margin:18px 0 7px;font-size:27px}.admin-login-heading p{color:#74888c;margin:0;line-height:1.7}.admin-login-card form{flex-direction:column;display:flex}.admin-login-card label{color:#32565e;margin:0 3px 8px;font-size:14px;font-weight:700}.admin-login-card input{color:#17353c;background:#f9fbfa;border:1px solid #dbe6e3;border-radius:14px;outline:0;height:54px;margin-bottom:19px;padding:0 16px;font-family:Arial,sans-serif;font-size:16px;transition:border-color .16s,box-shadow .16s,background .16s}.admin-login-card input:focus{background:#fff;border-color:#07858d8c;box-shadow:0 0 0 4px #07858d17}.admin-login-error{color:#0000;min-height:21px;margin:-7px 3px 13px;font-size:13px}.admin-login-error--visible{color:#b14e45}.admin-login-card form button{background:linear-gradient(135deg, var(--admin-teal), #056470);color:#fff;cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;height:56px;font-weight:800;transition:transform .15s,box-shadow .16s,opacity .16s;display:flex;box-shadow:0 13px 28px #05697333}.admin-login-card form button:active:not(:disabled){transform:scale(.98)}.admin-login-card form button:disabled{opacity:.48;box-shadow:none;cursor:not-allowed}.admin-security-note{color:#91a09e;justify-content:center;align-items:center;gap:6px;margin:22px 0 0;font-size:12px;display:flex}.admin-checking{background:var(--admin-bg);color:var(--admin-teal);justify-content:center;align-items:center;gap:12px;font-weight:700;display:flex}.dashboard-page{background:var(--admin-bg);display:flex}.dashboard-sidebar{z-index:20;inset-block:0;background:#fff;flex-direction:column;width:270px;padding:27px 21px 22px;display:flex;position:fixed;right:0;box-shadow:-12px 0 40px #18393d0f}.dashboard-sidebar__top{justify-content:space-between;align-items:center;display:flex}.sidebar-close,.menu-button{color:#40646b;cursor:pointer;background:0 0;border:0;display:none}.dashboard-sidebar nav{flex-direction:column;gap:8px;margin-top:42px;display:flex}.nav-item{color:#73878b;width:100%;min-height:48px;font:inherit;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;padding:0 15px;font-weight:600;display:flex}.nav-item:hover{color:var(--admin-teal);background:#f2f8f6}.nav-item--active{color:var(--admin-teal);background:linear-gradient(135deg,#e6f5f2,#edf7f5)}.sidebar-user{border-top:1px solid #edf1f0;align-items:center;gap:10px;margin-top:auto;padding:16px 7px;display:flex}.sidebar-user>span{width:40px;height:40px;color:var(--admin-teal);background:#dff1ee;border-radius:13px;place-items:center;font-weight:800;display:grid}.sidebar-user div{flex-direction:column;min-width:0;display:flex}.sidebar-user strong{font-size:14px}.sidebar-user small{color:#8b9a9e;font-size:11px}.logout-button{color:#ad554c;min-height:45px;font:inherit;cursor:pointer;background:#fff3f1;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.dashboard-main{width:calc(100% - 270px);min-height:100svh;margin-right:270px}.dashboard-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbd;border-bottom:1px solid #e3ebe8;align-items:center;gap:17px;height:92px;padding:0 38px;display:flex}.dashboard-header>div p{color:#7d9295;margin:0 0 2px;font-size:12px}.dashboard-header h1{color:var(--admin-navy);margin:0;font-size:23px}.view-site{color:var(--admin-teal);align-items:center;gap:7px;margin-right:auto;font-size:14px;font-weight:700;text-decoration:none;display:flex}.dashboard-content{max-width:1300px;margin:0 auto;padding:35px 38px 55px}.dashboard-intro,.recent-card__header{justify-content:space-between;align-items:center;gap:24px;display:flex}.dashboard-intro h2,.recent-card h2{color:var(--admin-navy);margin:0;font-size:20px}.dashboard-intro p,.recent-card__header p{color:#819396;margin:5px 0 0;font-size:13px}.live-indicator{color:#318158;background:#e7f6ed;border-radius:99px;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:700;display:flex}.dashboard-intro__actions{align-items:center;gap:12px;display:flex}.sound-toggle{color:#556c70;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d4dfdc;border-radius:11px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.sound-toggle--active{color:var(--admin-teal);background:#f0f9f8;border-color:#087f8859}.pending-banner{background:linear-gradient(135deg,#fff6e8,#fffaee);border:1px solid #fedfa7;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 18px;animation:.24s cubic-bezier(.23,1,.32,1) both bannerSlide;display:flex;box-shadow:0 6px 18px #b8781014}.pending-banner__content{color:#8f5309;align-items:center;gap:10px;font-size:13px;display:flex}.pending-banner__dismiss{color:#a86c23;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.alert-bell--ringing{color:#d97706;animation:1.2s ease-in-out infinite ring}@keyframes bannerSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes ring{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(3deg)}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04141873;justify-content:center;align-items:center;padding:18px;animation:.18s both fadeIn;display:flex;position:fixed;inset:0}.reject-modal{background:#fff;border-radius:20px;width:min(100%,520px);animation:.22s cubic-bezier(.23,1,.32,1) both popIn;overflow:hidden;box-shadow:0 24px 60px #00000038}.reject-modal__header{background:#fffcfb;border-bottom:1px solid #f0f3f2;align-items:center;gap:12px;padding:20px 22px;display:flex}.reject-modal__icon{color:#c94a3d;background:#fff0ee;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.decision-modal__icon--accept{color:#2f855a;background:#e8f7ee}.reject-modal__header h3{color:#1a2f33;margin:0;font-size:16px;font-weight:800}.reject-modal__header p{color:#6a7f83;margin:2px 0 0;font-size:12px}.reject-modal__close{color:#8c9fa2;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;margin-inline-start:auto;display:grid}.reject-modal__body{padding:20px 22px}.reject-modal__label{color:#2b4549;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.reject-reasons-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.reason-option{cursor:pointer;color:#3b565a;background:#fbfdfc;border:1px solid #e2ece9;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.reason-option:hover{background:#f4faf8;border-color:#c2ddd7}.reason-option--selected{color:#085e65;background:#eef8f8;border-color:#087f88;font-weight:600}.reason-option input{accent-color:#087f88;margin-top:3px}.reject-custom-input{width:100%;font:inherit;color:#1a2f33;resize:vertical;border:1px solid #d4dfdc;border-radius:10px;outline:0;padding:10px 12px;font-size:13px}.reject-custom-input:focus{border-color:#087f88;box-shadow:0 0 0 3px #087f881a}.decision-note-label{border-top:1px solid #edf2f0;margin-top:17px;padding-top:16px}.reject-char-count{text-align:left;color:#92a3a6;margin-top:4px;font-size:11px;display:block}.reject-char-count:has(svg){align-items:center;gap:5px;display:flex}.reject-modal__footer{background:#fafcfb;border-top:1px solid #f0f3f2;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.modal-cancel-btn{color:#556c70;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d4dfdc;border-radius:10px;padding:0 16px;font-size:13px;font-weight:700}.modal-confirm-reject-btn,.modal-confirm-accept-btn{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#c94a3d;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 18px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 4px 14px #c94a3d40}.modal-confirm-accept-btn{background:#2f855a;box-shadow:0 4px 14px #2f855a3b}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.export-button{min-height:37px;color:var(--admin-teal);font:inherit;cursor:pointer;background:#fff;border:1px solid #cfe4df;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:800;transition:background .16s,border-color .16s,transform .15s;display:flex}.export-button:hover:not(:disabled){background:#edf8f5;border-color:#9fcac2}.export-button:active:not(:disabled){transform:scale(.97)}.export-button:disabled{opacity:.6;cursor:wait}.live-indicator i{background:#38a36b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #38a36b1f}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:17px;margin-top:26px;display:grid}.stat-card,.recent-card{background:#fff;border:1px solid #e4ece9;border-radius:19px;box-shadow:0 10px 30px #1f42450a}.stat-card{min-height:154px;padding:21px}.stat-card__top{color:#688086;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.stat-card__top small{color:#33805a;background:#e9f7ed;border-radius:8px;padding:4px 7px;font-family:Arial,sans-serif}.stat-card>strong{color:var(--admin-navy);margin-top:19px;font-family:Arial,sans-serif;font-size:32px;display:block}.stat-card p{color:#9aa7a9;margin:7px 0 0;font-size:11px}.stat-loader{color:var(--admin-teal);margin:43px auto;display:block}.dashboard-error{color:#a74f47;background:#fff0ee;border-radius:12px;margin-top:18px;padding:12px 15px}.security-banner{color:#246c66;background:linear-gradient(135deg,#edf9f6,#f7fbfa);border:1px solid #cfe5df;border-radius:14px;align-items:center;gap:12px;margin-top:18px;padding:15px 18px;display:flex}.security-banner>svg{flex:none}.security-banner div{flex-direction:column;gap:3px;display:flex}.security-banner strong{color:#0b5655;font-size:13px}.security-banner span{color:#587d79;font-size:12px;line-height:1.6}.recent-card{margin-top:22px;overflow:hidden}.audit-card{background:#fff;border:1px solid #e4ece9;border-radius:19px;margin-top:22px;overflow:hidden;box-shadow:0 10px 30px #1f42450a}.audit-card__header{border-bottom:1px solid #edf2f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.audit-card__header h2{color:var(--admin-navy);margin:0;font-size:18px}.audit-card__header p{color:#819396;margin:5px 0 0;font-size:12px}.audit-card__header>svg{color:var(--admin-teal)}.audit-list{flex-direction:column;display:flex}.audit-row{border-bottom:1px solid #f0f3f2;align-items:center;gap:10px;min-height:58px;padding:10px 24px;display:flex}.audit-row:last-child{border-bottom:0}.audit-row__icon{width:30px;height:30px;color:var(--admin-teal);background:#eef8f6;border-radius:9px;place-items:center;display:grid}.audit-row div{flex-direction:column;gap:2px;min-width:0;display:flex}.audit-row strong{color:#31565c;font-size:12px}.audit-row small{color:#93a2a4;font-size:10px}.audit-row time{color:#92a0a2;white-space:nowrap;margin-inline-start:auto;font-size:10px}.audit-empty{color:#8fa09f;text-align:center;margin:0;padding:24px;font-size:12px}.recent-card__header{border-bottom:1px solid #edf2f0;padding:22px 24px}.recent-card__header>svg{color:var(--admin-teal)}.dashboard-toolbar{background:#fcfdfd;border-bottom:1px solid #edf2f0;align-items:center;gap:11px;padding:15px 24px;display:flex}.search-field,.filter-field{color:#7d9295;background:#fff;border:1px solid #dce7e4;border-radius:11px;align-items:center;gap:8px;min-height:42px;display:flex}.search-field{width:min(100%,450px);padding:0 13px}.search-field input{color:#294b52;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.filter-field{padding:0 11px}.filter-field select{color:#466268;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:12px;font-weight:700}.results-count{color:#44716e;white-space:nowrap;background:#eaf4f2;border-radius:99px;margin-inline-start:auto;padding:6px 10px;font-size:11px;font-weight:800}.recent-table-wrap{overflow-x:auto}.recent-card table{border-collapse:collapse;text-align:right;width:100%}.recent-card th,.recent-card td{white-space:nowrap;border-bottom:1px solid #f0f3f2;padding:16px 24px}.recent-card th{color:#849497;background:#f9fbfa;font-size:12px}.recent-card td{color:#526c72;font-size:13px}.request-id{color:#799094;align-items:center;gap:2px;font-family:Arial,sans-serif;font-weight:700;display:inline-flex}.country-cell{grid-template-columns:auto 1fr;align-items:center;column-gap:7px;display:grid}.country-cell>svg{color:var(--admin-teal);grid-row:span 2}.country-cell strong{color:#34585d;font-size:12px}.country-cell small{color:#91a2a4;font-family:Arial,sans-serif;font-size:10px}.entered-values{align-items:center;gap:5px;display:flex}.data-pill{border-radius:7px;padding:4px 7px;font-size:10px;font-weight:800}.data-pill--safe{color:#277970;background:#e8f6f3}.data-pill--protected{color:#6757a4;background:#f2effc}.status-badge{border-radius:9px;padding:6px 9px;font-size:11px;font-weight:700}.status-badge--success{color:#318158;background:#e7f6ed}.status-badge--pending{color:#a16e13;background:#fff4dc}.status-badge--error{color:#b6534a;background:#fff0ee}.status-badge--new{color:#34738f;background:#e7f2f8}.table-loading{text-align:center;height:100px;color:#8fa09f!important}.journey-actions{align-items:center;gap:7px;display:flex}.journey-action{min-width:45px;min-height:29px;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:0 9px;font-size:11px;font-weight:800;transition:transform .15s,opacity .15s}.journey-action:active:not(:disabled){transform:scale(.95)}.journey-action:disabled{opacity:.55;cursor:wait}.journey-action--accept{color:#2c8058;background:#e5f5eb}.journey-action--reject{color:#b6534a;background:#fff0ee}.no-action{color:#a4b0b0}.decision-summary{align-items:center;gap:7px;display:flex}.note-badge{color:#5f6797;background:#edf0fa;border-radius:7px;align-items:center;gap:4px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-flex}.binding-pill{white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.binding-pill--success{color:#318158;background:#e7f6ed}.binding-pill--warning{color:#a16e13;background:#fff4dc}.binding-pill--error{color:#b6534a;background:#fff0ee}.binding-pill--neutral{color:#6c8184;background:#edf2f2}.details-button{color:#19766f;min-height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d3e4e0;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:800;transition:background .15s,transform .15s;display:inline-flex}.details-button:hover{background:#edf8f5}.details-button:active{transform:scale(.96)}.details-modal{width:min(100%,670px)}.details-modal__icon{color:var(--admin-teal);background:#e9f7f4}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 22px;display:grid}.detail-item{background:#fafcfb;border:1px solid #e5ecea;border-radius:12px;flex-direction:column;gap:7px;min-height:80px;padding:13px 14px;display:flex}.detail-item>span{color:#7a8f92;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.detail-item>strong{color:#26464d;font-size:13px;line-height:1.55}.detail-item>small{color:#9aa8aa;margin-top:-4px;font-size:10px}.detail-item--wide{grid-column:1/-1}.secret-safe{background:#f8f6fc;border-color:#d9d3ef}.secret-safe>span,.secret-safe>strong{color:#635590}.binding-detail{background:#f3fbf9;border-color:#cfe6e2}.binding-detail>span,.binding-detail>strong{color:#176b68}.detail-item--warning{background:#fff8f6;border-color:#f1d6cf}.detail-item--warning>span,.detail-item--warning>strong{color:#a15349}.detail-item--note{background:#f7f8fc;border-color:#d9ddee}.detail-item--note>span,.detail-item--note>strong{color:#525f8d}.sidebar-overlay{display:none}.client-control-actions{flex-wrap:wrap;align-items:center;gap:7px;margin-inline-end:auto;display:flex}.client-action{min-height:35px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:11px;font-weight:800;transition:transform .15s,opacity .15s,background .15s;display:inline-flex}.client-action:active:not(:disabled){transform:scale(.96)}.client-action:disabled{opacity:.55;cursor:wait}.client-action--issue{color:#20746a;background:#edf9f5;border-color:#cbe3dd}.client-action--revoke{color:#af5148;background:#fff3f1;border-color:#f0d2ce}.client-action--reset{color:#626a9a;background:#f4f4fc;border-color:#d8d9ee}.link-code-modal{width:min(100%,490px)}.link-code-modal__body{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 24px 24px;display:flex}.link-code-modal__body>span{color:#617b7e;font-size:13px}.one-time-link-code{color:#126c68;letter-spacing:4px;background:#effaf7;border:1px dashed #8bc6bd;border-radius:16px;padding:13px 18px;font-family:Arial,sans-serif;font-size:34px}.link-code-modal__body>small{color:#8b9b9e;font-size:11px}.link-code-modal__body>p{color:#656f94;background:#f5f7fb;border-radius:10px;align-items:center;gap:6px;margin:7px 0 0;padding:10px 12px;font-size:11px;line-height:1.6;display:flex}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.admin-site-link{top:22px;left:20px}.admin-login-card{border-radius:23px;padding:27px 23px}.dashboard-sidebar{width:280px;transition:transform .24s cubic-bezier(.23,1,.32,1);transform:translate(105%)}.dashboard-sidebar--open{transform:translate(0)}.sidebar-close,.menu-button{place-items:center;display:grid}.sidebar-overlay{z-index:15;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#081f2459;border:0;display:block;position:fixed;inset:0}.dashboard-main{width:100%;margin-right:0}.dashboard-header{height:82px;padding:0 20px}.dashboard-content{padding:27px 20px 45px}.view-site{font-size:0}.view-site svg{width:22px;height:22px}.stats-grid{grid-template-columns:1fr}.dashboard-intro{align-items:flex-start}.dashboard-intro__actions{flex-direction:column-reverse;align-items:flex-end}.export-button{min-height:36px}.dashboard-toolbar{flex-direction:column;align-items:stretch}.search-field{width:100%}.filter-field{justify-content:space-between}.results-count{align-self:flex-start;margin-inline-start:0}.details-grid{grid-template-columns:1fr}.detail-item--wide{grid-column:auto}.client-control-actions{width:100%;margin-inline-end:0}.client-action{flex:150px;justify-content:center}.link-code-modal__body{padding-inline:18px}.one-time-link-code{font-size:28px}.recent-card th,.recent-card td{padding:14px 18px}}.auth-page{--teal:#087f88;--teal-bright:#08afc5;--navy:#003746;--ink:#072a34;--muted:#6f8688;--surface:#ffffffe0;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 30% 8%,#fffffff5 0 15%,#0000 42%),radial-gradient(circle at 78% 61%,#dce3df8f,#0000 37%),linear-gradient(150deg,#f9faf7 0%,#eff2ee 52%,#f8faf7 100%);position:relative;overflow:hidden}.auth-page:before{content:"";opacity:.36;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");position:absolute;inset:0}.decor{pointer-events:none;opacity:.45;filter:blur(.2px);position:absolute}.decor--top{clip-path:polygon(0 0,100% 0,42% 100%,0 70%);background:linear-gradient(145deg,#ffffffe6,#c9d3cf14);width:70%;height:47%;top:-16%;left:-20%}.decor--bottom{clip-path:polygon(62% 0,100% 28%,100% 100%,0 100%);background:linear-gradient(155deg,#ffffff14,#ced6d3b3);width:85%;height:52%;bottom:-8%;right:-20%}.auth-shell{z-index:1;flex-direction:column;width:min(100%,540px);min-height:100svh;margin-inline:auto;padding:clamp(36px,6vh,72px) clamp(22px,7vw,44px) clamp(28px,5vh,52px);display:flex;position:relative}.brand-lockup{flex-direction:column;align-items:center;animation:.56s cubic-bezier(.23,1,.32,1) both reveal;display:flex}.brand-mark{aspect-ratio:1.03;filter:drop-shadow(0 16px 18px #00444d1f);width:clamp(148px,26vh,190px);display:block;position:relative}.brand-mark__cyan,.brand-mark__navy,.brand-mark__core{display:block;position:absolute;inset:0}.brand-mark__cyan{clip-path:polygon(47% 1%,64% 14%,29% 35%,29% 72%,55% 87%,55% 64%,47% 59%,47% 46%,69% 33%,69% 53%,85% 43%,85% 23%,64% 11%);background:linear-gradient(145deg,#09b2ca 4%,#06889f 85%)}.brand-mark__navy{clip-path:polygon(56% 17%,74% 7%,93% 19%,93% 71%,48% 98%,32% 84%,75% 59%,75% 34%,58% 25%,42% 34%,42% 53%,23% 64%,23% 44%);background:linear-gradient(145deg,#075c6c 0%,#002d3a 78%)}.brand-mark__core{clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%);background:#f4f6f3;inset:35% 36% 34% 35%}.brand-copy{text-align:center;color:#080d10;width:226px;margin-top:-10px;position:relative}.brand-copy__arabic{font-size:29px;font-weight:800;line-height:1;display:inline-block;transform:translate(19px)}.brand-copy__by{color:#1596ae;direction:ltr;font-family:Arial,sans-serif;font-size:13px;font-weight:700;position:absolute;top:19px;right:14px}.brand-copy__latin{letter-spacing:-3px;direction:ltr;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:52px;font-weight:900;line-height:.98}.login-form{flex-direction:column;flex:1;margin-top:clamp(58px,9vh,100px);animation:.56s cubic-bezier(.23,1,.32,1) 90ms both reveal;display:flex}.field-label{color:var(--teal);text-align:center;margin-bottom:20px;font-size:clamp(21px,4vw,26px);font-weight:750}.phone-field{gap:14px;width:100%;display:flex}.country-code,.input-wrap{background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffffb3;border-radius:22px;min-height:72px;box-shadow:0 12px 32px #244a4c0d,inset 0 1px #ffffffe6}.country-code{width:92px;color:var(--teal);direction:ltr;flex:0 0 92px;place-items:center;font-family:Arial,sans-serif;font-size:22px;font-weight:800;display:grid}.input-wrap{flex:1;align-items:center;transition:border-color .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.input-wrap:focus-within{border-color:#087f887a;box-shadow:0 12px 34px #087f881c,0 0 0 4px #087f8814}.phone-field--invalid .input-wrap{border-color:#c4685359}.input-wrap input{width:100%;min-width:0;color:var(--ink);letter-spacing:2px;text-align:left;direction:ltr;background:0 0;border:0;outline:0;padding:0 22px;font-family:Arial,sans-serif;font-size:24px;font-weight:700}.input-wrap input::placeholder{color:#b2bfbe;letter-spacing:0;text-align:right;direction:rtl;font-family:Tajawal,sans-serif;font-size:16px;font-weight:500}.valid-icon{color:var(--teal);flex:none;margin-right:18px}.field-hint{color:#8b9b9c;text-align:right;min-height:19px;margin:10px 7px 0;font-size:13px}.recovery-link{color:#32777c;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;align-self:center;margin-top:clamp(28px,5vh,52px);padding:5px 2px;font-size:clamp(16px,3.5vw,19px);font-weight:500;transition:color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}.recovery-link:hover{color:#005d65}.recovery-link:active{transform:scale(.97)}.form-spacer{flex:1;min-height:clamp(42px,9vh,88px)}.notice{color:#0000;text-align:center;border-radius:14px;justify-content:center;align-items:center;min-height:42px;margin-bottom:14px;padding:0 14px;font-size:13px;line-height:1.6;display:flex}.notice--success,.notice--info{color:#286a6f;background:#dcefec9e}.notice--info{color:#5c6e72;background:#e4e9e7ad}.submit-button{color:#fff;width:100%;min-height:82px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#078892,#006670);border:0;border-radius:22px;justify-content:center;align-items:center;gap:15px;font-size:22px;font-weight:700;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1),filter .18s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 15px 35px #02687133}.submit-button:hover:not(:disabled){filter:saturate(1.06);box-shadow:0 18px 42px #02687145}.submit-button:active:not(:disabled){transform:scale(.97)}.submit-button:disabled{box-shadow:none;color:#9ba4a3;cursor:not-allowed;background:#c4c9c67a}.brand-mark.brand-mark--small{filter:grayscale()opacity(.72);flex:0 0 42px;width:42px;height:42px}.submit-button:not(:disabled) .brand-mark--small{filter:brightness(0)invert()}.brand-mark--small .brand-mark__core{background:currentColor}.loading-icon{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=430px){.auth-shell{padding-inline:24px}.brand-mark{width:min(46vw,178px)}.brand-copy{margin-top:-8px;transform:scale(.92)}.login-form{margin-top:clamp(48px,8vh,72px)}.country-code,.input-wrap{border-radius:20px;min-height:68px}.country-code{flex-basis:82px;width:82px;font-size:20px}.phone-field{gap:12px}.submit-button{border-radius:20px;min-height:76px;font-size:20px}}@media (height<=690px){.auth-shell{padding-top:22px;padding-bottom:22px}.brand-mark{width:128px}.brand-copy{margin-top:-8px;transform:scale(.82)}.login-form{margin-top:30px}.recovery-link{margin-top:20px}.form-spacer{min-height:22px}.country-code,.input-wrap,.submit-button{min-height:62px}}@media (width>=760px){.auth-page{padding-block:26px}.auth-shell{background:#f8faf775;border:1px solid #ffffffb8;border-radius:38px;min-height:calc(100svh - 52px);box-shadow:0 28px 80px #1a42421f}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen-enter{animation:.26s cubic-bezier(.23,1,.32,1) both screenEnter}.pin-screen{z-index:1;background:#f4f5f27a;flex-direction:column;width:min(100%,620px);min-height:100svh;margin-inline:auto;display:flex;position:relative;overflow:hidden}.pin-header{flex:0 0 clamp(310px,39svh,390px);padding:34px clamp(24px,6vw,44px) 24px;position:relative}.back-button,.reset-pin,.number-key,.delete-key,.forgot-pin{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.back-button{color:#1c6170;border-radius:50%;place-items:center;width:54px;height:54px;transition:background .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1);display:grid;position:absolute;top:30px;left:clamp(24px,6vw,44px)}.back-button:hover{background:#10697514}.back-button:active,.reset-pin:active,.number-key:active,.delete-key:active,.forgot-pin:active{transform:scale(.94)}.pin-prompt{text-align:center;width:100%;margin-top:clamp(120px,17svh,168px)}.pin-prompt h1{color:#8f9aaa;margin:0;font-size:clamp(21px,4.2vw,27px);font-weight:500;line-height:1.5}.pin-status-row{justify-content:center;align-items:center;width:100%;min-height:58px;margin-top:24px;display:flex;position:relative}.pin-dots{justify-content:center;align-items:center;gap:24px;display:flex}.pin-dot{background:#d8deea;border-radius:50%;width:21px;height:21px;transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s cubic-bezier(.23,1,.32,1);display:block;box-shadow:inset 0 0 0 1px #ffffff57}.pin-dot--filled{background:#257887;transform:scale(1.06)}.reset-pin{color:#929eb8;border-radius:50%;place-items:center;width:52px;height:52px;transition:color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1);display:grid;position:absolute;right:0}.reset-pin:hover{color:#536f83}.pin-message{color:#6b888d;opacity:0;min-height:20px;margin:3px 0 0;font-size:13px;transition:opacity .18s cubic-bezier(.23,1,.32,1)}.pin-message--visible{opacity:1}.pin-message--error{color:#b6534a;font-weight:700}.keypad-panel{background:#fffffff7;border-radius:58px 58px 0 0;flex-direction:column;flex:1;min-height:56svh;padding:clamp(42px,7svh,66px) clamp(24px,6vw,46px) 30px;display:flex;box-shadow:0 -12px 42px #36474c0a}.keypad{flex:1;grid-template-rows:repeat(4,minmax(62px,1fr));grid-template-columns:repeat(4,1fr);grid-template-areas:"eight one five four"".three. .""six. .seven"".zero nine two";place-items:center;column-gap:10px;display:grid}.number-key{color:#070b1b;border-radius:50%;place-items:center;width:min(19vw,88px);height:min(19vw,88px);font-family:Arial,sans-serif;font-size:clamp(42px,11vw,62px);font-weight:500;line-height:1;transition:background .13s cubic-bezier(.23,1,.32,1),transform .13s cubic-bezier(.23,1,.32,1),color .13s cubic-bezier(.23,1,.32,1);display:grid}.number-key:hover:not(:disabled){background:#0556620f}.number-key:disabled{color:#9ea6ad;cursor:default}.pin-footer{justify-content:space-between;align-items:center;min-height:64px;margin-top:20px;display:flex}.delete-key{color:#bfc6c9;border-radius:16px;place-items:center;width:70px;height:58px;transition:color .16s cubic-bezier(.23,1,.32,1),background .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1);display:grid}.delete-key:hover:not(:disabled){color:#718b91;background:#526f740f}.delete-key:disabled{opacity:.54;cursor:default}.forgot-pin{color:#657379;direction:rtl;padding:10px 0;font-size:clamp(17px,3.8vw,21px);font-weight:700;transition:color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}.forgot-pin:hover{color:#1d6570}@keyframes screenEnter{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@media (width<=430px){.pin-header{flex-basis:38svh;min-height:295px;padding-inline:22px}.back-button{top:20px;left:20px}.pin-prompt{margin-top:clamp(112px,16svh,142px)}.pin-status-row{margin-top:18px}.pin-dots{gap:20px}.pin-dot{width:18px;height:18px}.reset-pin{right:1px}.keypad-panel{border-radius:48px 48px 0 0;min-height:62svh;padding:34px 20px 22px}.keypad{grid-template-rows:repeat(4,minmax(68px,1fr))}.number-key{width:70px;height:70px}.pin-footer{margin-top:14px}}@media (height<=700px){.pin-header{flex-basis:245px;min-height:245px}.pin-prompt{margin-top:75px}.pin-status-row{margin-top:10px}.keypad-panel{min-height:calc(100svh - 245px);padding-top:22px}.keypad{grid-template-rows:repeat(4,minmax(54px,1fr))}.number-key{width:58px;height:58px;font-size:40px}.pin-footer{min-height:50px;margin-top:6px}}@media (width>=760px){.pin-screen{border:1px solid #ffffffb8;border-radius:38px;min-height:calc(100svh - 52px);box-shadow:0 28px 80px #1a42421f}}.transition-loading{z-index:8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f3f6f375;place-items:center;animation:.18s cubic-bezier(.23,1,.32,1) both fadeIn;display:grid;position:absolute;inset:0}.transition-loading__card{color:#186f79;background:#ffffffe6;border:1px solid #ffffffd9;border-radius:24px;flex-direction:column;align-items:center;gap:7px;min-width:188px;padding:25px 28px;display:flex;box-shadow:0 18px 50px #254d4f21}.transition-loading__card strong{margin-top:4px;font-size:18px}.transition-loading__card span{color:#879799;font-size:13px}.otp-screen{z-index:1;background:linear-gradient(148deg,#ffffff3b 0 55%,#e2e7e466 55% 82%,#0000 82%),#f7f8f575;width:min(100%,680px);min-height:100svh;margin-inline:auto;position:relative;overflow:hidden}.otp-screen:after{content:"";clip-path:polygon(60% 0,100% 18%,100% 100%,0 100%);pointer-events:none;background:linear-gradient(145deg,#e1e6e461,#ffffff9e);width:100%;height:55%;position:absolute;bottom:-5%;right:-25%}.otp-back{z-index:3}.otp-content{z-index:2;width:100%;min-height:100svh;padding:clamp(150px,21svh,215px) clamp(24px,6vw,48px) 48px;position:relative}.otp-heading{color:#184e58;text-align:right}.otp-heading h1{color:#174f58;margin:0;font-size:clamp(24px,4.9vw,34px);font-weight:700;line-height:1.65}.otp-heading p{color:#42636a;margin:clamp(18px,3.5vh,34px) 0 0;font-size:clamp(18px,3.8vw,25px);font-weight:500;line-height:1.7}.otp-heading strong{color:#6f8388;letter-spacing:1px;text-align:right;margin-top:5px;font-family:Arial,sans-serif;font-size:15px;display:block}.otp-boxes{cursor:text;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,2.2vw,18px);margin-top:clamp(84px,14vh,142px);display:grid;position:relative}.otp-input{z-index:2;color:#0000;caret-color:#0000;opacity:0;cursor:text;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.otp-box{color:#123d46;pointer-events:none;background:#fffffff0;border:2px solid #0000;border-radius:clamp(18px,4vw,27px);place-items:center;height:clamp(64px,14vw,94px);font-family:Arial,sans-serif;font-size:clamp(27px,6vw,38px);font-weight:600;transition:border-color .17s cubic-bezier(.23,1,.32,1),transform .17s cubic-bezier(.23,1,.32,1),box-shadow .17s cubic-bezier(.23,1,.32,1);display:grid;position:relative;box-shadow:0 13px 28px #384b4c17}.otp-box--active{border-color:#72bdc9;transform:translateY(-2px);box-shadow:0 13px 30px #2e8e9c21}.otp-box--filled{border-color:#489aa433}.otp-caret{background:#1d4b54;width:2px;height:39%;animation:.9s step-end infinite caretBlink;display:block}.otp-message{color:#0000;text-align:center;min-height:22px;margin:16px 0 0;font-size:14px}.otp-message--visible{color:#2d7880}.otp-message--error{color:#b6534a;font-weight:700}.resend-button{color:#8692a9;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:13px;margin:clamp(34px,6vh,64px) auto 0;padding:9px 14px;font-size:clamp(18px,3.8vw,24px);font-weight:600;transition:color .16s cubic-bezier(.23,1,.32,1),background .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1);display:block}.resend-button:not(:disabled){color:#176f79}.resend-button:hover:not(:disabled){background:#176f7912}.resend-button:active:not(:disabled){transform:scale(.97)}.resend-button:disabled{cursor:default}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes caretBlink{0%,46%{opacity:1}47%,to{opacity:0}}@media (width<=430px){.otp-content{padding:clamp(130px,19svh,164px) 22px 36px}.otp-heading h1{white-space:nowrap;font-size:clamp(17px,4.8vw,19px);line-height:1.5}.otp-heading p{white-space:nowrap;margin-top:22px;font-size:clamp(14px,3.8vw,15px)}.otp-boxes{gap:8px;margin-top:98px}.otp-box{border-radius:18px;height:68px}.resend-button{margin-top:16px;font-size:18px}}@media (height<=700px){.otp-content{padding-top:88px}.otp-boxes{margin-top:45px}.otp-box{height:58px}.resend-button{margin-top:20px}}@media (width>=760px){.otp-screen{border:1px solid #ffffffb8;border-radius:38px;min-height:calc(100svh - 52px);box-shadow:0 28px 80px #1a42421f}.otp-content{min-height:calc(100svh - 52px)}}.phone-screen{background:linear-gradient(145deg,#ffffff1f 0 53%,#e0e6e34d 53% 73%,#0000 73%),#f9faf752;width:min(100%,560px);padding:clamp(24px,4svh,44px) clamp(25px,7vw,48px) clamp(26px,4svh,46px)}.language-switch{z-index:5;top:clamp(22px,3.5svh,38px);color:#126f79;min-width:60px;height:40px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #087f8829;border-radius:99px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:800;transition:transform .15s cubic-bezier(.23,1,.32,1),background .16s,box-shadow .16s;display:inline-flex;position:absolute;inset-inline-end:clamp(21px,5vw,36px);box-shadow:0 8px 24px #18494d0f}.language-switch:hover{background:#fff;box-shadow:0 10px 28px #18494d1a}.language-switch:active{transform:scale(.96)}.phone-screen .brand-lockup{margin-top:clamp(30px,5svh,64px)}.phone-screen .brand-mark{filter:drop-shadow(0 19px 23px #00444d21);width:clamp(190px,29svh,238px)}.phone-screen .login-form{margin-top:clamp(48px,7svh,76px)}.phone-screen .field-label{color:#087680;margin-bottom:clamp(22px,3.5svh,32px);font-size:clamp(21px,4.4vw,27px);font-weight:500}.phone-screen .phone-field{direction:inherit;gap:12px}.phone-screen .country-code,.phone-screen .input-wrap{background:#ffffffe8;border:1px solid #5d706f21;border-radius:18px;min-height:clamp(68px,9svh,82px);box-shadow:0 10px 29px #23464811,inset 0 1px #fff}.phone-screen .country-code{color:#087680;flex-basis:94px;width:94px;font-size:23px;font-weight:900}.phone-screen .input-wrap input{color:#073f49;letter-spacing:6px;text-align:center;height:100%;padding:0 24px;font-size:27px;font-weight:700}.phone-screen .valid-icon{background:#e2f3ef;border-radius:50%;margin:0;padding:3px;position:absolute;inset-inline-end:14px}.phone-screen .field-hint{color:#8a999b;text-align:center;min-height:20px;margin:10px 4px 0;font-size:12px}.phone-screen .recovery-link{color:#08636c;margin-top:clamp(28px,4.6svh,44px);font-size:clamp(15px,3.5vw,18px);font-weight:700}.phone-screen .form-spacer{min-height:clamp(34px,7svh,74px)}.phone-screen .notice{min-height:36px;margin-bottom:8px;font-size:12px}.phone-screen .submit-button{min-height:88px;box-shadow:none;color:#092e35;background:0 0;border-radius:22px;flex-direction:column;gap:7px;font-size:clamp(19px,4vw,23px);font-weight:800}.phone-screen .submit-button:hover:not(:disabled){box-shadow:none;background:#ffffff6b}.phone-screen .submit-button:disabled{color:#a0aaa8;background:0 0}.phone-screen .brand-mark.brand-mark--small{filter:grayscale()opacity(.2);flex-basis:54px;width:54px;height:54px}.phone-screen .submit-button:not(:disabled) .brand-mark--small{filter:none}.brand-loading-overlay{z-index:20;color:#0b5962;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f9f6e0;flex-direction:column;justify-content:center;align-items:center;animation:.2s cubic-bezier(.23,1,.32,1) both fadeIn;display:flex;position:absolute;inset:0}.brand-loader{place-items:center;width:126px;height:126px;display:grid;position:relative}.brand-loader .brand-mark{filter:drop-shadow(0 10px 16px #00515c29);width:80px;animation:.9s cubic-bezier(.77,0,.175,1) infinite alternate loaderPulse}.brand-loader__ring{border:3px solid #08a0b3;border-color:#08a0b3 #004b58 #07808b1c #07808b1c;border-radius:50%;animation:.85s linear infinite spin;position:absolute;inset:0}.brand-loading-overlay strong{margin-top:18px;font-size:20px}.brand-loading-overlay>span{color:#859496;margin-top:7px;font-size:13px}@keyframes loaderPulse{0%{opacity:.76;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (width<=430px){.phone-screen{padding-inline:25px}.phone-screen .brand-lockup{margin-top:48px}.phone-screen .brand-mark{width:min(55vw,212px)}.phone-screen .login-form{margin-top:clamp(46px,7svh,65px)}.phone-screen .country-code,.phone-screen .input-wrap{border-radius:17px;min-height:68px}.phone-screen .country-code{flex-basis:84px;width:84px;font-size:21px}.phone-screen .input-wrap input{letter-spacing:4px;padding:0 16px;font-size:24px}.phone-screen .submit-button{min-height:82px}}@media (height<=710px){.phone-screen{padding-top:18px;padding-bottom:16px}.phone-screen .brand-lockup{margin-top:16px}.phone-screen .brand-mark{width:142px}.phone-screen .login-form{margin-top:24px}.phone-screen .field-label{margin-bottom:14px}.phone-screen .recovery-link{margin-top:18px}.phone-screen .form-spacer{min-height:12px}.phone-screen .submit-button{flex-direction:row;min-height:68px}.phone-screen .brand-mark.brand-mark--small{flex-basis:38px;width:38px;height:38px}}.link-screen{z-index:1;background:radial-gradient(circle at 80% 7%,#09a8ba1f,#0000 30%),linear-gradient(150deg,#ffffffb8,#ebf2efb3);width:min(100%,680px);min-height:100svh;margin-inline:auto;position:relative;overflow:hidden}.link-screen:after{content:"";clip-path:polygon(57% 0,100% 20%,100% 100%,0 100%);pointer-events:none;background:linear-gradient(145deg,#d8e5e147,#ffffffb3);width:92%;height:46%;position:absolute;bottom:-10%;right:-22%}.link-back{z-index:3}.link-content{z-index:2;width:100%;min-height:100svh;padding:clamp(105px,15svh,155px) clamp(24px,6vw,48px) 45px;position:relative}.link-heading{text-align:center;color:#164e58}.link-icon{color:#158177;background:#e8f8f3;border:1px solid #bfe3dc;border-radius:22px;place-items:center;width:68px;height:68px;margin:0 auto 22px;display:grid;box-shadow:0 14px 30px #1d78701c}.link-heading h1{color:#144f58;margin:0;font-size:clamp(25px,5vw,35px);font-weight:800;line-height:1.45}.link-heading p{color:#607b7e;max-width:470px;margin:14px auto 0;font-size:15px;line-height:1.75}.link-phone-card{background:#ffffffbd;border:1px solid #83b5ae47;border-radius:17px;flex-direction:column;align-items:center;gap:7px;max-width:430px;margin:clamp(35px,6vh,55px) auto 0;padding:18px 20px;display:flex;box-shadow:0 12px 28px #204e4e12}.link-phone-card span{color:#7e9394;font-size:12px}.link-phone-card strong{color:#155e67;letter-spacing:1px;font-family:Arial,sans-serif;font-size:23px}.link-phone-card small{color:#a2afb0;font-size:11px}.link-form{max-width:430px;margin:32px auto 0}.link-form>label{color:#1b5e66;text-align:right;margin-bottom:10px;font-size:14px;font-weight:800;display:block}.link-code-boxes{cursor:text;background:#ffffffe0;border:2px solid #66afa647;border-radius:21px;place-items:center;height:82px;transition:border-color .17s,box-shadow .17s,transform .17s;display:grid;position:relative;box-shadow:0 15px 32px #27595714}.link-code-boxes:focus-within{border-color:#4ea99f;transform:translateY(-1px);box-shadow:0 0 0 5px #308f861a,0 16px 34px #2759571a}.link-code-input{z-index:2;color:#0000;caret-color:#0000;opacity:0;cursor:text;background:0 0;border:0;outline:0;width:100%;height:100%;position:absolute;inset:0}.link-code-preview{color:#a8b8b8;letter-spacing:9px;font-family:Arial,sans-serif;font-size:29px;font-weight:700}.link-code-preview--filled{color:#126a68}.link-message{color:#0000;text-align:center;min-height:21px;margin:12px 4px 0;font-size:12px;line-height:1.6}.link-message--visible{color:#317f78}.link-message--error{color:#b6534a;font-weight:700}.link-submit{color:#fff;width:100%;min-height:57px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#078b8d,#056870);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:17px;font-size:15px;font-weight:800;transition:transform .15s,box-shadow .16s,opacity .16s;display:flex;box-shadow:0 13px 28px #05697333}.link-submit:hover:not(:disabled){box-shadow:0 17px 35px #0569734a}.link-submit:active:not(:disabled){transform:scale(.97)}.link-submit:disabled{box-shadow:none;color:#fff;cursor:not-allowed;background:#cbd8d5}.link-security-note{color:#4e7673;text-align:center;background:#effaf6a6;border:1px solid #d4e9e3;border-radius:13px;flex-direction:column;gap:4px;max-width:470px;margin:28px auto 0;padding:14px 17px;display:flex}.link-security-note strong{color:#146962;font-size:12px}.link-security-note span{color:#6d8986;font-size:11px;line-height:1.7}@media (width<=430px){.link-content{padding:93px 22px 30px}.link-heading h1{font-size:24px}.link-heading p{font-size:13px}.link-code-boxes{height:72px}.link-code-preview{letter-spacing:7px;font-size:26px}.link-phone-card{margin-top:30px}}