.credential-entry,.credential-standalone{margin:0;background:#101014;color:#ece9f2;font-family:Vazirmatn,Arial,sans-serif;min-height:100dvh}
.credential-entry{position:fixed;inset:0;z-index:100000;overflow:auto}
.credential-page-shell{position:relative;isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#ffffff03,transparent 50%),#101014}
.credential-page-shell:before{content:'';position:absolute;z-index:-1;width:900px;height:900px;inset:-500px auto auto -450px;border-radius:160px;border:1px solid #ffffff04;transform:rotate(30deg);pointer-events:none}
.credential-page-header{display:flex;align-items:center;justify-content:space-between;padding:28px 42px;gap:16px}
.credential-wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f0eaf5;direction:ltr;font-size:19px;font-weight:450;letter-spacing:-.7px}.credential-wordmark b{font-weight:600;margin-left:1px}
.studio-wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;direction:ltr;unicode-bidi:isolate;white-space:nowrap;letter-spacing:0;line-height:1.25;color:#f0eaf5;flex:0 1 auto;min-width:0}
.studio-wordmark>strong{font-size:22px;font-weight:650;letter-spacing:-.5px}
.studio-wordmark>span{font-size:13px;font-weight:400;color:#bbb4c7;letter-spacing:.2px;margin-top:3px}
.credential-wordmark .studio-wordmark>strong{font-size:19px}.credential-wordmark .studio-wordmark>span{font-size:11px;margin-top:2px}
.credential-brandmark{display:grid;grid-template-columns:repeat(2,9px);gap:4px;padding:9px;border-radius:12px;background:#ffffff04}.credential-brandmark i{height:9px;width:9px;border-radius:3px;background:#d5ccdf}.credential-brandmark i:nth-child(2){opacity:.45}.credential-brandmark i:nth-child(3){opacity:.65}
.credential-language{display:flex;align-items:center;gap:6px;background:#ffffff04;color:#b4acbf;border:0;border-radius:11px;padding:9px 11px;cursor:pointer;font:inherit;font-size:12px}.credential-language:hover{background:#ffffff08;color:#e2d9ec}.credential-language svg{height:16px;width:16px}
.credential-main{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:20px 20px 46px}
.credential-card{width:100%;max-width:422px;box-sizing:border-box;padding:32px 34px 25px;border-radius:27px;background:linear-gradient(150deg,#ffffff07,#ffffff02);box-shadow:0 18px 65px #0000001a,inset 0 1px 0 #ffffff05;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.credential-symbol{display:grid;place-items:center;height:52px;width:52px;background:#ffffff07;color:#d8cfe4;border-radius:17px;margin-bottom:24px}.credential-symbol svg{width:25px;height:25px;stroke-width:1.65}
.credential-card h1{font-size:27px;line-height:1.6;font-weight:550;margin:0 0 7px;letter-spacing:-.6px}.credential-intro{font-size:12px;line-height:2;color:#9f96ac;margin:0 0 27px}
.credential-form{display:flex;flex-direction:column;gap:18px}.credential-field{display:flex;flex-direction:column;gap:8px}.credential-field>label{font-size:12px;color:#c1b7ce}
.credential-field>div{display:flex;align-items:center;gap:9px;padding:0 14px;background:#07070c40;border-radius:13px;min-height:50px;box-shadow:inset 0 1px 0 #00000008}.credential-field>div>svg{width:18px;height:18px;flex:0 0 18px;color:#8e849b}
.credential-field input,.credential-field input:disabled{background:transparent!important;appearance:none;border:0!important;outline:0!important;box-shadow:none!important;padding:11px 0!important;color:#ded6e8!important;font:inherit;line-height:1.8;font-size:13px;flex:1;min-width:0;width:0;opacity:1;-webkit-text-fill-color:#ded6e8}
.credential-field input::placeholder{color:#70677d!important;-webkit-text-fill-color:#70677d}.credential-field input[type=password]{letter-spacing:2px}
.credential-show-password{padding:4px;display:grid;place-items:center;width:25px;height:29px;border:0;background:transparent;color:#81758f}.credential-show-password svg{width:17px;height:17px}
.credential-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:13px;padding:8px 10px 8px 17px;min-height:49px;margin-top:4px;font:inherit;font-size:13px;font-weight:550;color:#2c2534;background:linear-gradient(120deg,#f0ebf7,#d9d0e4);box-shadow:0 4px 16px #00000015;opacity:.82;cursor:not-allowed}
.credential-submit i{display:grid;place-items:center;border-radius:9px;width:32px;height:32px;background:#2c2534;color:#ede3f7}.credential-submit svg{height:19px;width:19px}
.credential-status{display:flex;align-items:flex-start;gap:7px;padding:0 2px;color:#9789a4}.credential-status>svg{width:15px;height:15px;flex:0 0 15px;margin-top:3px}.credential-status p{font-size:10px;line-height:1.95;margin:0}
.credential-help{background:transparent;border:0;padding:0;color:#b6a6c9;font:inherit;font-size:11px;cursor:pointer;margin-top:23px}.credential-help:hover{color:#ddccee}.credential-help-copy{font-size:11px;line-height:1.9;color:#a693b7;margin:10px 0 0}
.credential-preview-link{display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;color:#8e819e;font-size:11px;margin-top:25px;padding-top:17px}.credential-preview-link:hover{color:#ccbadf}.credential-preview-link svg{width:15px;height:15px}
.credential-account-note{font-size:10px;line-height:1.9;color:#746a80;max-width:360px;text-align:center;margin:18px 0 0;padding:0 10px}.credential-page-footer{text-align:center;padding:12px 20px 20px;color:#48404f;font:10px Arial,sans-serif;letter-spacing:2.5px}
.credential-page-shell svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.credential-page-shell [hidden]{display:none!important}
html[dir=ltr] .credential-submit svg,html[dir=ltr] .credential-preview-link svg{transform:rotate(180deg)}
.credential-page-shell button:focus-visible,.credential-page-shell a:focus-visible{outline:2px solid #c5b3dc;outline-offset:4px}
@media(max-width:520px){.credential-page-header{padding:22px}.credential-main{padding:10px 16px 34px}.credential-card{padding:27px 24px 23px;border-radius:23px}.credential-card h1{font-size:25px}.credential-symbol{margin-bottom:20px}.credential-intro{margin-bottom:23px}.credential-page-footer{padding-bottom:15px}}