.login-page{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:28px 18px calc(28px + env(safe-area-inset-bottom));position:relative;background:radial-gradient(120% 90% at 50% -10%,#EDF2FB 0,var(--cc-paper) 46%,var(--cc-paper) 100%)}.login-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(11,21,51,.035) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 0,transparent 62%);mask-image:radial-gradient(120% 80% at 50% 0,#000 0,transparent 62%);pointer-events:none}.login-shell{position:relative;z-index:1;width:100%;max-width:408px}.login-card{background:var(--cc-card);border:1px solid var(--cc-line);border-radius:var(--cc-radius-xl);box-shadow:var(--cc-shadow-card);padding:34px 32px 30px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:7px;margin-bottom:22px}.login-lockup{display:inline-flex;align-items:center;gap:11px}.login-mark{width:52px;height:auto;flex:none;mix-blend-mode:multiply}.login-wordmark{font-family:var(--cc-font-display);font-weight:var(--cc-weight-medium);font-size:25px;letter-spacing:.2px;color:var(--cc-ink);line-height:1}.login-wordmark .curve{color:var(--cc-azure)}.login-tagline{font-family:var(--cc-font-body);font-size:14px;color:var(--cc-muted)}.login-title{font-family:var(--cc-font-display);font-weight:var(--cc-weight-bold);font-size:22px;color:var(--cc-ink);text-align:center;line-height:1.1;margin:0 0 16px}.login-error{margin-bottom:16px}.login-fields{display:flex;flex-direction:column;gap:14px}.login-field label{display:block;font-family:var(--cc-font-body);font-size:13px;font-weight:600;color:var(--cc-muted);margin-bottom:5px}.login-card .cc-input{font-size:16px;padding:11px 12px}.login-pw-wrap{position:relative}.login-pw-wrap .cc-input{padding-right:64px}.login-pw-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);height:34px;padding:0 10px;display:inline-flex;align-items:center;background:transparent;border:none;border-radius:var(--cc-radius-sm);font-family:var(--cc-font-body);font-size:12.5px;font-weight:700;letter-spacing:.3px;color:var(--cc-muted);cursor:pointer;transition:color var(--cc-duration) var(--cc-ease)}.login-pw-toggle:hover{color:var(--cc-ink)}.login-pw-toggle:focus-visible{outline:none;box-shadow:var(--cc-ring-focus)}.login-submit{width:100%;margin-top:4px}.login-foot{text-align:center;font-family:var(--cc-font-body);font-size:13px;color:var(--cc-muted);margin-top:20px;line-height:1.5}@media (max-width:440px){.login-page{align-items:flex-start;padding:7vh 12px calc(16px + env(safe-area-inset-bottom))}.login-card{padding:26px 20px 24px;border-radius:var(--cc-radius-lg)}}@media (prefers-reduced-motion:no-preference){.login-shell{animation:login-rise .36s var(--cc-ease) both}@keyframes login-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}