.sb-auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--sb-primary-bg);padding:2rem 1rem;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sb-auth-card{width:100%;max-width:420px;background-color:#fff;border:1px solid var(--sb-border);border-radius:12px;box-shadow:0 4px 24px #00000014;overflow:hidden}.sb-auth-logo{display:flex;justify-content:center;padding:2rem 2rem .75rem}.sb-auth-logo-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.sb-auth-logo-link:hover{color:inherit}.sb-auth-logo-img{max-height:48px;width:auto}.sb-auth-logo-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background-color:var(--sb-primary);color:#fff;font-size:1.5rem}.sb-auth-site-name{font-size:1.125rem;font-weight:600;color:var(--sb-text)}.sb-auth-title{font-size:1.25rem;font-weight:700;color:var(--sb-text);text-align:center;margin:0;padding:.75rem 2rem 0}.sb-auth-form{padding:1.25rem 2rem 1.5rem}.sb-auth-field{margin-bottom:1rem}.sb-auth-label{display:block;font-size:.8125rem;font-weight:500;color:var(--sb-text);margin-bottom:.375rem}.sb-auth-required{color:var(--sb-accent);font-weight:700}.sb-auth-input-wrap{position:relative}.sb-auth-input-wrap>i{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--sb-text-muted);font-size:.875rem;pointer-events:none;z-index:1}.sb-auth-input{display:block;width:100%;padding:.6875rem .875rem .6875rem 2.5rem;font-size:.875rem;color:var(--sb-text);background-color:#fff;border:1px solid var(--sb-border);border-radius:var(--sb-radius);transition:border-color var(--sb-transition),box-shadow var(--sb-transition);box-sizing:border-box;line-height:1.5}.sb-auth-input:focus{outline:none;border-color:var(--sb-primary);box-shadow:0 0 0 3px #5671c01f}.sb-auth-input::placeholder{color:var(--sb-text-muted)}.sb-auth-input-group{display:flex;gap:.5rem}.sb-auth-input-group .sb-auth-input-wrap{flex:1;min-width:0}.sb-auth-input-flex{flex:1}.sb-auth-btn-check{flex-shrink:0;padding:0 .875rem;font-size:.8125rem;font-weight:500;color:var(--sb-primary);background-color:#fff;border:1px solid var(--sb-primary);border-radius:var(--sb-radius);cursor:pointer;transition:all var(--sb-transition);white-space:nowrap}.sb-auth-btn-check:hover{background-color:var(--sb-primary);color:#fff}.sb-auth-btn-check:disabled{background-color:var(--sb-bg-gray);border-color:var(--sb-border);color:var(--sb-text-muted);cursor:not-allowed}.sb-auth-field-msg{font-size:.75rem;margin:.25rem 0 0;min-height:1rem;line-height:1rem}.sb-msg-success{color:var(--sb-success, #4caf50)}.sb-msg-error{color:var(--sb-accent)}.sb-auth-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.8125rem;font-size:.9375rem;font-weight:600;border:none;border-radius:var(--sb-radius);cursor:pointer;transition:all var(--sb-transition);text-align:center;text-decoration:none;line-height:1.5}.sb-auth-btn+.sb-auth-btn{margin-top:.625rem}.sb-auth-btn-primary{background-color:var(--sb-primary);color:#fff}.sb-auth-btn-primary:hover{background-color:var(--sb-primary-dark);color:#fff}.sb-auth-btn-primary:disabled{background-color:var(--sb-text-muted);cursor:not-allowed}.sb-auth-btn-outline{background-color:#fff;color:var(--sb-text-light);border:1px solid var(--sb-border)}.sb-auth-btn-outline:hover{background-color:var(--sb-bg-gray);color:var(--sb-text);border-color:var(--sb-text-muted)}.sb-auth-links{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 2rem;font-size:.8125rem}.sb-auth-links-text{color:var(--sb-text-muted)}.sb-auth-links-action{color:var(--sb-primary);font-weight:600;text-decoration:none}.sb-auth-links-action:hover{color:var(--sb-primary-dark);text-decoration:underline}.sb-auth-find-pw{padding:1.5rem 2rem .5rem}.sb-auth-find-pw .sb-auth-title{padding:0 0 .5rem;font-size:1.125rem}.sb-auth-desc{font-size:.8125rem;color:var(--sb-text-light);text-align:center;margin-bottom:1rem;line-height:1.5}.sb-auth-links-divider{color:var(--sb-border);font-size:.75rem}.sb-auth-footer{text-align:center;padding:1rem 2rem 1.5rem}.sb-auth-footer p{font-size:.75rem;color:var(--sb-text-muted);margin:0}@media(max-width:767px){.sb-auth-page{padding:1.5rem 1rem 1rem;align-items:flex-start}.sb-auth-card{max-width:100%;border-radius:10px}.sb-auth-logo{padding:1.5rem 1.5rem .5rem}.sb-auth-logo-icon{width:48px;height:48px;font-size:1.25rem}.sb-auth-title{padding:.5rem 1.5rem 0;font-size:1.125rem}.sb-auth-form{padding:1rem 1.5rem 1.25rem}.sb-auth-links{padding:0 1.5rem}.sb-auth-footer{padding:.75rem 1.5rem 1.25rem}.sb-auth-input{padding:.625rem .75rem .625rem 2.25rem;font-size:.875rem}.sb-auth-btn{padding:.75rem;font-size:.875rem}}@media(max-width:359px){.sb-auth-page{padding:1rem .75rem .75rem}.sb-auth-logo{padding:1rem}.sb-auth-form{padding:.875rem 1rem 1rem}.sb-auth-input-group{flex-direction:column;gap:.375rem}.sb-auth-btn-check{width:100%;padding:.5rem;text-align:center}.sb-auth-links{flex-direction:column;gap:.25rem;padding:0 1rem}.sb-auth-footer{padding:.5rem 1rem 1rem}}@media(min-width:768px)and (max-width:1023px){.sb-auth-card{max-width:440px}}@media(min-width:1280px)and (max-width:1919px){.sb-auth-card{max-width:440px}}@media(min-width:1920px)and (max-width:2559px){.sb-auth-card{max-width:460px}.sb-auth-input{padding:.75rem 1rem .75rem 2.625rem;font-size:.9375rem}.sb-auth-btn{padding:.875rem;font-size:1rem}}@media(min-width:2560px)and (max-width:3839px){.sb-auth-card{max-width:500px}.sb-auth-input{padding:.875rem 1rem .875rem 2.75rem;font-size:1rem}.sb-auth-btn{padding:1rem;font-size:1.0625rem}.sb-auth-logo-icon{width:64px;height:64px;font-size:1.75rem}}@media(min-width:3840px){.sb-auth-card{max-width:560px}.sb-auth-input{padding:1rem 1.125rem 1rem 3rem;font-size:1.0625rem}.sb-auth-btn{padding:1.125rem;font-size:1.125rem}.sb-auth-logo-icon{width:72px;height:72px;font-size:2rem}}