:root{--bg: #0f172a;--fg: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--border: rgba(255, 255, 255, .1)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff;color:#101828}.header-inner,.footer-inner{padding:0 7.5rem;max-width:90rem}.login-content{min-height:100vh;max-width:90rem;margin:0 auto;padding-top:3.5rem}.login-header{height:3.5rem;background:#fff;box-shadow:0 0 1.5rem #00000014;display:flex;align-items:center;position:fixed;z-index:100;width:100%;justify-content:center}.login-header-mobile{display:none;height:3.5rem;padding-inline:1.25rem;position:fixed;width:100%;z-index:100;background:#fff}.header-inner,.header-inner-mobile{width:100%;display:flex;align-items:center;justify-content:space-between}.header-inner-mobile span{font-size:1rem;font-weight:500;line-height:1.5rem;min-width:1.5rem}.brand-marks{display:inline-flex;align-items:center;gap:.75rem}.brand-marks .dot{width:.75rem;height:.375rem;background:linear-gradient(135deg,#5273dc,#3558c7);display:inline-block}.brand-marks .sq{width:1.0625rem;height:1.0625rem;background:#101828;display:inline-block}.brand-marks.invert .dot,.brand-marks.invert .sq{background:#fff}.header-link{font-size:1rem}.header-right{display:inline-flex;flex-direction:row;align-items:center}.login-content{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,auto);position:relative;padding-inline:0;padding-bottom:0}.login-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:4rem}.login-hero .hero-layer{position:absolute;inset:0}.login-hero .layer-gradient{background:linear-gradient(135deg,#f1f5fb,#cadbf5)}.login-hero .layer-solid{background:#f4f6ff;mix-blend-mode:multiply}.login-hero .hero-graphic{position:absolute;width:43.75rem;height:43.75rem;transform:rotate(0);transform-origin:top left;top:6.25rem;left:0;pointer-events:none;opacity:.9}.login-hero-copy{position:relative;display:flex;flex-direction:column;min-width:30rem;z-index:1}.eyebrow{color:var(--blue-300);margin-bottom:.5rem}.headline{margin:0;color:var(--gray-700);margin-bottom:1.25rem}.description{margin:0;color:var(--gray-500)}.login-panel{display:grid;align-content:start;justify-items:center;padding-top:5.94rem;padding-bottom:5.94rem}.login-panel-content{display:flex;flex-direction:column;align-items:center}.login-panel-form{display:flex;flex-direction:column;gap:1.25rem}form{width:100%;max-width:30rem;display:grid;gap:2.5rem;border:.0625rem solid var(--border);border-radius:.75rem;background:#fff}label{display:grid;gap:.5rem;color:#101828}.label-title{display:flex;align-items:center;gap:.25rem}.text-required{color:var(--red-100)}input{padding:.625rem .75rem;height:3.5rem;border-radius:.75rem;border:.0625rem solid #e5e7eb;background:#fff;color:#101828}.input-field{height:3.5rem;padding:.625rem .75rem;display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;outline:.0625rem solid #e5e7eb;outline-offset:-.0625rem;box-shadow:inset 0 0 .375rem #00000005;background:#fff}.input-field:focus-within{outline-color:#2958e4;box-shadow:inset 0 0 0 .0625rem #2958e426,inset 0 0 .375rem #00000005}.input-field .input-icon{display:inline-flex;width:1rem;height:1rem;align-items:center;justify-content:center;flex:0 0 auto}.input-field .input-icon img,.input-field .input-icon svg{width:1rem;height:1rem}.input-field input{border:0;outline:0;background:transparent;height:100%;padding:0;flex:1 1 0;color:#4a5565;font-size:1rem;line-height:1.5rem}.input-field.input-error,.input-field:has(input.input-error){outline-color:#c70036}button{padding:.625rem .75rem;height:3.5rem;border-radius:.75rem;border:.0625rem solid transparent;background:#e5e7eb;color:#101828;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background-color .15s ease,opacity .15s ease}button:hover{filter:brightness(1.05);transform:translateY(-.0625rem)}button:active{transform:translateY(0);filter:brightness(.98)}.subtitle{margin:0 0 .75rem;color:#6a7282}.row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;height:2.125rem}.row>label>input[type=checkbox]{height:.8125rem}.checkbox{display:inline-flex;align-items:center;gap:.5rem;color:#101828}.form-error{margin:0;margin-top:-.25rem;color:#c70036}.input-error{border-color:#c70036!important}.muted-link{color:#101828;text-decoration:none;opacity:.9}.muted-link:hover{text-decoration:underline}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.btn-primary{color:#fff;background:linear-gradient(0deg,#0003 0% 100%),linear-gradient(135deg,#2958e4,#1c398e);border-color:transparent;box-shadow:0 .0625rem .0313rem .0031rem #1d293d05}.btn-secondary{color:#fff;background:linear-gradient(135deg,#5273dc,#3558c7);border-color:transparent}.btn-primary:hover{box-shadow:0 .375rem 1rem #2958e440}.btn-secondary:hover{box-shadow:0 .375rem 1rem #5273dc40}.separator{display:flex;align-items:center;gap:.5rem;color:#6a7282;width:100%}.separator:before,.separator:after{content:"";flex:1 1 0;height:.0625rem;background:#e5e7eb;display:block}.socials{display:flex;gap:.5rem;margin-top:.25rem;justify-content:center;align-items:center}.socials button{padding:0;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.socials button:hover{transform:translateY(-.0625rem)}.socials button[data-provider=naver]{width:3rem;height:3rem;border-radius:1.75rem;background:#03c75a;border-color:#03c75a;color:#002b12;display:flex;justify-content:center;align-items:center}.socials button[data-provider=naver]:hover{box-shadow:0 0 0 .1875rem #03c75a40}.socials button[data-provider=kakao]{display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;gap:.5rem;aspect-ratio:1/1;border-radius:1.75rem;background:#ffeb3b}.socials button[data-provider=kakao] svg{fill:#3e2723}.socials button[data-provider=kakao]:hover{box-shadow:0 0 0 .1875rem #ffeb3b59}.separator-container{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.login-footer{background:#101828;color:#fff;min-height:13.75rem;display:flex;flex-direction:column;align-items:center;padding:2.5rem;width:100vw}.footer-inner{display:flex;flex-direction:column;gap:2.5rem;width:100%;max-width:75rem;padding:0 0rem}.footer-top{display:flex;align-items:center;justify-content:space-between}.contact-btn{height:2.5rem;padding:0 1rem;background:#fff;color:#101828;border:0;border-radius:.75rem;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background-color .15s ease}.contact-btn:hover{transform:translateY(-.0625rem);filter:brightness(.98);box-shadow:0 .375rem 1rem #00000014}.contact-btn:active{transform:translateY(0)}.footer-row{display:flex;flex-direction:row;justify-content:space-between;gap:0}.footer-bottom{display:flex;flex-direction:column;gap:1.25rem}.meta-row{display:flex;flex-wrap:wrap;align-items:center}.meta-row .divider{width:.625rem;height:0;border-top:.0625rem solid currentColor;opacity:.6;transform:rotate(90deg)}.muted{color:#99a1af}.footer-inner .brand-marks.invert .dot,.footer-inner .brand-marks.invert .sq{background:#fff}.footer-inner .brand-marks.invert{gap:.75rem}.title{color:var(--gray-700);margin:0}@media(max-width:80rem){.login-header{display:none}.login-header-mobile{display:flex}.login-content{grid-template-columns:1fr;padding-inline:1.25rem}.login-hero,.login-footer{display:none}}