:root{--colorNeutralBackground1:#292929;--colorNeutralStroke2:#525252;--borderRadiusCircular:10000px;--fontFamilyBase:"Segoe UI",sans-serif;--colorNeutralForeground3:#adadad;--canvasBg:#292929;--containerBg:#292929;--textColor:#ffffff;--subTextColor:#d6d6d6;}
html,body{margin:0;padding:0;width:100%;min-height:100vh;overflow-y:auto;overflow-x:hidden;background-size:cover;background-position:center;background-attachment:fixed;}
.page-wrapper{display:flex;flex-direction:column;height:100vh;width:100%;position:relative;overflow:hidden;}
#signInContainer{display:flex;flex-direction:column;align-items:center;position:relative;top:-30px;left:auto;transform:none;width:440px;margin:auto;padding:40px 40px 60px 40px;box-sizing:border-box;background-color:#292929!important;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,0.28);z-index:10;opacity:1!important;}
.animation-fade-layer{opacity:0;animation:simpleFadeIn 0.7s ease-in-out forwards;}
@keyframes simpleFadeIn{0%{opacity:0}100%{opacity:1}}
.page-footer{position:static;bottom:15px;left:0;width:100%;text-align:center;color:var(--colorNeutralForeground3);font-family:var(--fontFamilyBase);font-size:12px;z-index:5;flex-shrink:0;}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:1px;}
.footer-links a{color:#D6D6D6!important;text-decoration:none;font-weight:400;padding:4px 8px;white-space:nowrap;}
.footer-links a:hover{text-decoration:underline;color:#ffffff;}
.footer-notice{font-size:10px!important;line-height:15px!important;font-weight:400!important;font-family:"Segoe UI",sans-serif!important;color:#D6D6D6!important;display:flex;justify-content:center;width:100%;margin-top:1px;text-align:center;}
.footer-notice a{color:#479ef5!important;text-decoration:none!important;font-weight:600!important;font-size:10px!important;margin-left:4px;cursor:pointer;}
.footer-notice a:hover{color:#62abf5!important;text-decoration:underline!important;}
@media(min-width:520px){.page-footer{position:absolute;bottom:15px;left:0;}}
@media(max-width:519px){
html,body{height:100%!important;width:100%!important;overflow:hidden!important;}
.page-wrapper{height:100%!important;width:100%!important;overflow:hidden!important;justify-content:flex-start!important;background-color:var(--containerBg)!important;}
#signInContainer{position:relative;top:0;left:0;transform:none;width:100vw!important;min-height:100vh;border-radius:0!important;box-shadow:none!important;justify-content:flex-start;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:hidden;padding:25px 40px 40px 40px!important;}
.page-footer{position:fixed;bottom:12px;left:16px;right:16px;background-color:#292929;padding-bottom:0;z-index:100;text-align:center;display:flex;flex-direction:column;box-sizing:border-box;flex-wrap:wrap;justify-content:center;width:auto;}
.back-btn{left:-15px!important;}
}
.header-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:32px;margin-bottom:24px;}
.back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.15s ease;}
.logo{width:114px;height:24px;margin:0!important;display:block;}
h2{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,sans-serif!important;font-weight:600!important;font-size:24px!important;line-height:32px!important;color:#ffffff!important;letter-spacing:-0.2px!important;display:block!important;width:100%!important;text-align:center!important;margin:5px auto 20px auto!important;box-sizing:border-box!important;-webkit-font-smoothing:antialiased!important;}
.captcha-box{background:transparent;border:none;display:flex;justify-content:center;align-items:center;padding:0;margin-top:-10px;margin-bottom:10px;}
.captcha-box img{border:none;outline:none;display:block;max-width:100%;}
.instruction{font-family:"Segoe UI",sans-serif!important;font-size:14px!important;color:#d6d6d6!important;text-align:center;margin:8px 0 14px 0;}
.captcha-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:20px;flex-wrap:nowrap;}
.captcha-box-wrap{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:300px;padding:0 18px;height:56px;background:#1b1b1b;border:1px solid #3a3a3a;border-radius:6px;box-sizing:border-box;margin:0 auto;transition:border-color 0.15s ease,background-color 0.15s ease;}
body.light-theme .captcha-box-wrap{background:#f7f7f7;border-color:#d9d9d9;}
.pill-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;height:44px;padding:0;border:none;border-radius:0;background:transparent;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;flex-shrink:1;position:relative;outline:0!important;}
.pill-button[disabled]{pointer-events:none;cursor:default;}
.checkbox-box{width:22px;height:22px;border:2px solid #0078d4;border-radius:4px;background:#ffffff;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease,border-color 0.15s ease;box-sizing:border-box;position:relative;}
.checkbox-box .checkbox-tick{width:14px;height:14px;opacity:0;transition:opacity 0.15s ease;}
.pill-button.checked .checkbox-box{background:#0f6cbd;border-color:#0f6cbd;}
.pill-button.checked .checkbox-box .checkbox-tick{opacity:1;}
.pill-button.loading .checkbox-box{background:#ffffff;border-color:#0f6cbd;}
.pill-button.loading .checkbox-box::after{content:"";position:absolute;inset:2px;border:2px solid #d0d0d0;border-top-color:#0f6cbd;border-radius:50%;animation:spin 0.8s linear infinite;box-sizing:border-box;}
.pill-button.loading .checkbox-box .checkbox-tick{opacity:0;}
.ZpICXubljzwSSUY{display:inline-block;text-align:left;margin:0;padding:0;white-space:nowrap;font-family:'Segoe UI',sans-serif;font-size:14px!important;color:#ffffff;font-weight:400;cursor:pointer;user-select:none;transition:color 0.15s ease;}
body.light-theme .ZpICXubljzwSSUY{color:#1b1b1b!important;}
.pill-button.loading .ZpICXubljzwSSUY{color:#8a8a8a!important;}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
body.light-theme{--colorNeutralBackground1:#ffffff;--colorNeutralForeground3:#666666;background-color:#ffffff!important;--colorNeutralStroke2:#e0e0e0;--canvasBg:#ffffff;--containerBg:#ffffff;--textColor:#000000;--subTextColor:#505050;}
body.light-theme .page-wrapper{background-color:var(--containerBg)!important;}
@media(min-width:520px){body.light-theme .page-wrapper{background-color:transparent!important;}}
body.light-theme .page-footer{background-color:transparent!important;}
body.light-theme #signInContainer{background-color:#ffffff!important;color:#333333!important;box-shadow:0 8px 16px rgba(0,0,0,0.08);}
body.light-theme h2{color:#000000!important;}
body.light-theme .instruction{color:#666666!important;}
body.light-theme .footer-links a,body.light-theme .footer-notice{color:#666666!important;}
body.light-theme svg[data-testid="microsoftLogo"] path:nth-child(1){fill:#6b6b6b!important;}