.auth-page{padding-block:38px 64px}.auth-card{background:#112744;border:1px solid #36506e;border-radius:28px;grid-template-columns:.8fr 1fr;max-width:1080px;margin:auto;display:grid;overflow:hidden}.auth-brand{text-align:center;background:radial-gradient(at 50% 35%,#294f76,#0000 68%),#0b1b34;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:48px 32px;display:flex}.auth-brand>span{color:#bbcee4;letter-spacing:3px;font-size:10px}.institute-site .auth-brand h2{white-space:pre-line;color:#dfc181;font-size:32px;font-weight:500;line-height:1.7}.auth-panel{min-width:0;padding:40px 42px}.institute-site .auth-panel h1{color:#eef5fd;outline:none;margin:0 0 6px;font-size:32px;font-weight:600;line-height:1.5}.institute-site .auth-intro{color:#c0cee0;margin:0 0 24px;font-size:15px;line-height:1.8}.auth-panel .google-signin-button{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:12px;grid-template-columns:20px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px;font-family:Google Sans,IBM Plex Sans Arabic,sans-serif;font-size:14px;font-weight:500;line-height:22px;display:grid}.auth-panel .google-signin-button:after{content:""}.auth-panel .google-signin-button:hover:not(:disabled){background:#edf3fa}.auth-panel :is(button,a):focus-visible,.site-account-menu :is(summary,button,a):focus-visible{outline-offset:3px;outline:3px solid #e3c47c}.auth-divider{color:#b5c5d9;align-items:center;gap:14px;margin-block:22px;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#3d5674;flex:1;height:1px}.auth-field{margin-bottom:18px}.auth-field-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.institute-site .auth-field label{color:#d2deee;margin-bottom:8px;font-size:15px;display:block}.institute-site .auth-field input{color:#f2f6fc;background:#0c203a;border:1px solid #5e7591;border-radius:11px;width:100%;min-width:0;min-height:50px;padding:11px 14px;font-size:16px;line-height:1.5;display:block}.institute-site .auth-field input:focus{outline-offset:2px;outline:2px solid #dfc181}.institute-site .auth-field input[aria-invalid=true]{border-color:#f4a3a3}.auth-password-input{position:relative}.institute-site .auth-password-input input{padding-left:14px;padding-right:52px}.institute-site[dir=rtl] .auth-password-input input{padding-left:52px;padding-right:14px}.auth-password-input button{color:#cedded;cursor:pointer;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:absolute;inset-block-start:3px;inset-inline-end:3px}.auth-field-heading a{margin-top:-6px;padding-block:6px;font-size:13px}.institute-site .auth-panel a{color:#e8cb8c;text-underline-offset:4px;text-decoration:underline}.institute-site .auth-panel a.site-button{color:#0b1b34;text-decoration:none}.institute-site .auth-hint{color:#becde0;margin:7px 0 0;font-size:13px;line-height:1.7}.institute-site .auth-field-error{color:#ffc1c1;margin-top:6px;font-size:13px;line-height:1.7}.institute-site .auth-panel .auth-primary{justify-content:center;width:100%;min-height:50px;margin-top:6px;font-size:16px}.auth-panel button:disabled{opacity:.65;cursor:wait}.institute-site .auth-switch{text-align:center;color:#c4d3e5;margin-top:24px;font-size:15px;line-height:1.8}.auth-switch a{padding:8px 4px;font-weight:600;display:inline-block}.institute-site .auth-policies{color:#b9cbe0;text-align:center;margin-top:18px;font-size:13px;line-height:1.8}.auth-back{justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:24px;font-size:14px;display:flex}.institute-site .auth-message{border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:14px;line-height:1.8}.institute-site .auth-message-error{color:#ffe3e8;background:#542735;border:1px solid #b56f7e}.institute-site .auth-message-success{color:#d5f5e5;background:#193d39;border:1px solid #5e9b84}.auth-state{text-align:center;color:#cfdded;flex-direction:column;align-items:center;gap:16px;line-height:1.8;display:flex}.auth-state>svg{color:#dfc181}.auth-email{overflow-wrap:anywhere;color:#f0f5fc;max-width:100%}.site-account-menu{position:relative}.site-account-menu summary{cursor:pointer;color:#0b1b34;background:#d8ba77;border-radius:30px;justify-content:center;align-items:center;gap:8px;max-width:180px;min-height:44px;padding:8px 12px;font-size:14px;list-style:none;display:flex}.site-account-menu summary::-webkit-details-marker{display:none}.site-account-menu summary>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-account-menu summary>svg{flex-shrink:0}.site-account-panel{top:calc(100% + 12px);color:#e4edf8;z-index:20;background:#112744;border:1px solid #5d7590;border-radius:16px;width:min(300px,100vw - 32px);padding:16px;position:absolute;inset-inline-end:0;box-shadow:0 16px 40px #0005}.site-account-panel>strong,.site-account-panel>span{overflow-wrap:anywhere;display:block}.site-account-panel>span{color:#b9cce3;border-bottom:1px solid #3d5674;padding-bottom:12px;font-size:12px}.site-account-panel nav{margin-top:8px;display:grid}.institute-site .site-account-panel nav :is(a,button){text-align:start;color:#e4edf8;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:44px;padding:8px;font-size:14px;display:flex}.site-account-panel nav :is(a,button):hover{background:#244260}.site-account-panel [role=alert]{color:#ffc1c1;font-size:13px}.site-account-loading{color:#cbdced;place-items:center;min-width:44px;min-height:44px;display:grid}@media (max-width:760px){.auth-page{padding-block:20px 40px}.auth-card{border-radius:20px;max-width:510px;display:block}.auth-brand{display:none}.auth-panel{padding:26px 22px}.institute-site .auth-panel h1{font-size:27px}.auth-field-heading{gap:8px}.auth-field-heading a{font-size:12px}.site-account-menu summary{width:44px;padding:9px}.site-account-menu summary>span,.site-account-menu summary>svg:last-child{display:none}}
