/* SKGA Portfolio · v5.3.9.58.5 — login-only visuals */
#login.login-screen{padding:24px 16px;box-sizing:border-box}
#login .login-card{box-sizing:border-box;width:min(100%,460px)!important;max-width:460px!important;padding:28px 30px!important;position:relative;border-radius:18px;box-shadow:0 15px 48px rgba(15,23,42,.08)}
#login .login-card .login-logo{width:58px;height:auto;object-fit:contain}
#login .login-card h1{font-size:clamp(19px,3.6vw,24px);line-height:1.22;letter-spacing:-.4px}
#login .login-card .kicker{letter-spacing:.045em;line-height:1.4}
#login #loginForm{margin-top:18px}
#login #loginForm input{box-sizing:border-box;width:100%;min-height:43px;border-radius:9px}
#login #loginForm button[type=submit]{min-height:44px;border-radius:9px}
#login .portfolio-activation-link{display:flex!important;justify-content:center;align-items:center;width:100%;box-sizing:border-box;min-height:42px;margin:12px auto 0;padding:9px 12px;border-radius:10px;border:1px solid #8c2725;background:#fff7f6;color:#701c1a!important;font-weight:700;text-decoration:none!important;cursor:pointer;transition:background .15s ease}
#login .portfolio-activation-link:hover{background:#fce8e6}
#login #portfolioFirstLoginGuide{margin-top:12px;border-radius:11px;background:#fbfbfc;line-height:1.5}
#login #portfolioFirstLoginGuide summary{padding:12px 13px;font-weight:700}
#login #portfolioFirstLoginGuide .portfolio-first-login-guide__body{padding:0 13px 12px}
#login #portfolioFirstLoginGuide ol{margin:10px 0 9px;padding-left:20px}
#login #portfolioFirstLoginGuide li{margin-bottom:7px}
#login #portfolioFirstLoginGuide .portfolio-first-login-guide__note{padding:9px 10px;margin-top:9px}
#login #portfolioFirstLoginGuide .portfolio-first-login-guide__tip{margin-bottom:0}
#login .portfolio-login-theme-slot{position:absolute;right:20px;top:19px;max-width:148px;z-index:2}
#login .portfolio-login-theme-slot>*{margin:0!important}
#login .portfolio-login-theme-slot label{font-size:11px}
@media(max-width:480px){#login.login-screen{padding:14px 11px}#login .login-card{padding:24px 19px!important;border-radius:15px}#login .portfolio-login-theme-slot{right:14px;top:14px;max-width:130px}#login .login-card .login-logo{width:49px}}
@media(prefers-reduced-motion:reduce){#login .portfolio-activation-link{transition:none}}
/* Dark mode relies on existing host theme styles, add limited fallback */
body.dark #login .portfolio-activation-link,body[data-theme="dark"] #login .portfolio-activation-link{background:#321d20;color:#fff!important;border-color:#9f5555}
body.dark #login #portfolioFirstLoginGuide,body[data-theme="dark"] #login #portfolioFirstLoginGuide{background:#23262d;color:#eee;border-color:#4a4e57}