.l-layout{isolation:isolate;background:var(--canvas);width:100%;min-height:100dvh;color:var(--tx-1);display:flex;position:relative;overflow:hidden}.l-layout:before{content:none}.l-left{background:linear-gradient(#4f6d8f0e 1px, transparent 1px), linear-gradient(90deg, #4f6d8f0b 1px, transparent 1px), linear-gradient(145deg, #fbfcfd 0%, var(--canvas) 43%, #e8eff5 100%);border-right:1px solid var(--hairline-soft);z-index:1;background-size:76px 76px,76px 76px,auto;flex-direction:column;flex:1;justify-content:space-between;min-height:100dvh;padding:36px 56px 40px;display:flex;position:relative;overflow:hidden}.l-left:before{content:"";border:1px solid var(--hairline-soft);background:linear-gradient(160deg, #fffffff5, #f7f8fab8), linear-gradient(90deg, transparent calc(50% - 280px), #4f6d8f1f calc(50% - 279px), transparent calc(50% - 278px)), linear-gradient(90deg, transparent calc(50% + 220px), #4f6d8f1a calc(50% + 221px), transparent calc(50% + 222px)), linear-gradient(#4f6d8f0d 1px, transparent 1px), linear-gradient(90deg, #4f6d8f0a 1px, transparent 1px), var(--surface-card);pointer-events:none;background-size:auto,auto,auto,64px 64px,64px 64px,auto;border-radius:28px;position:absolute;inset:20px 24px;box-shadow:0 20px 54px #1c1c1e12,inset 0 1px #ffffffe6}.l-left:after{content:none;pointer-events:none}.l-left-body{z-index:1;isolation:isolate;flex-direction:column;flex:0 auto;justify-content:flex-start;padding:clamp(42px,6vh,64px) 0 24px;display:flex;position:relative}.l-left-body:before{content:"OWUNWAN";z-index:-1;color:#4f6d8f1c;letter-spacing:-.08em;white-space:nowrap;pointer-events:none;font-size:clamp(62px,7.8vw,124px);font-weight:900;line-height:.8;position:absolute;top:-22px;left:-8px}.l-left-body:after{content:none}.l-headline{color:var(--tx-1);letter-spacing:-.035em;margin-bottom:20px;font-size:clamp(32px,3.2vw,48px);font-weight:800;line-height:1.18}.l-headline span{color:var(--primary)}.l-subline{color:var(--tx-2);letter-spacing:-.01em;margin-bottom:34px;font-size:15px;font-weight:500;line-height:1.6}.l-features{grid-template-columns:1fr 1fr;gap:10px;display:grid}.l-feature{border:1px solid var(--hairline-soft);border-radius:var(--r-md);background:#e8e8edc2;align-items:flex-start;gap:12px;min-width:0;padding:10px;display:flex}.l-feature-icon{border:1px solid var(--primary-mid);background:var(--surface-card);width:34px;height:34px;color:var(--primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.l-feature-title{color:var(--tx-1);letter-spacing:-.02em;margin-bottom:2px;font-size:13.5px;font-weight:700}.l-feature-desc{color:var(--tx-2);letter-spacing:-.01em;font-size:12px;font-weight:500;line-height:1.5}.l-left-footer{z-index:1;color:var(--tx-3);letter-spacing:-.01em;text-align:center;margin-bottom:30px;padding-bottom:2px;font-size:12px;font-weight:500;position:relative}.l-right{background:var(--canvas);z-index:1;flex-shrink:0;justify-content:center;align-items:flex-start;width:480px;padding:clamp(36px,5vh,52px) 48px 36px;display:flex;position:relative}.l-right:before{content:none}.l-card{border:1px solid var(--hairline-soft);border-radius:var(--r-xl);background:var(--surface-card);width:100%;max-width:380px;box-shadow:var(--sh-md);z-index:1;padding:34px 32px 30px;position:relative}.l-card-header{margin-bottom:36px}.l-card-brand{justify-content:center;align-items:center;gap:9px;margin-bottom:28px;display:flex}.l-brand-icon{background:var(--primary);color:#fff;letter-spacing:-.02em;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.l-card-brand span{letter-spacing:-.05em;text-transform:uppercase;color:var(--primary);font-size:26px;font-weight:900}.l-card-title{color:var(--tx-1);letter-spacing:-.03em;text-align:center;margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.2}.l-card-sub{color:var(--tx-2);letter-spacing:-.01em;text-align:center;font-size:14px;font-weight:500;line-height:1.55}.l-spinner{transform-origin:50%;animation:.8s linear infinite l-spin}@keyframes l-spin{to{transform:rotate(360deg)}}.l-kakao-btn{color:#000000d9;width:100%;min-height:48px;font-family:var(--font-display);letter-spacing:-.02em;cursor:pointer;background:#fee500;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex}.l-kakao-btn:hover{background:#e6d400}.l-kakao-btn:active{background:#d9c900}.l-security-note{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:var(--r-lg);align-items:flex-start;gap:10px;margin-bottom:28px;padding:14px 16px;display:flex}.l-security-icon{width:18px;height:18px;color:var(--muted-soft);flex-shrink:0;margin-top:1px}.l-security-text{color:var(--muted);letter-spacing:-.01em;font-size:12px;font-weight:500;line-height:1.55}.l-terms{color:var(--muted-soft);text-align:center;letter-spacing:0;font-size:11px;line-height:1.6}.l-terms-line{white-space:nowrap;display:inline-block}.l-terms button{color:var(--muted);font-family:inherit;font-size:inherit;font-weight:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.l-google-btn{background:var(--surface-card);width:100%;min-height:48px;color:var(--tx-1);font-family:var(--font-display);letter-spacing:-.02em;border:1px solid var(--hairline);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex}.l-google-btn:hover,.l-google-btn:active{background:var(--surface-soft)}.l-divider{align-items:center;gap:12px;margin-bottom:20px;display:flex}.l-divider-line{background:var(--hairline-soft);flex:1;height:1px}.l-divider-text{color:var(--muted-soft);letter-spacing:-.01em;flex-shrink:0;font-size:12px;font-weight:500}.l-form{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.l-field{flex-direction:column;gap:6px;display:flex}.l-field-label{color:var(--tx-1);letter-spacing:-.015em;font-size:13.5px;font-weight:700}.l-field-input{background:var(--canvas);width:100%;color:var(--tx-1);font-family:var(--font-display);letter-spacing:-.01em;border:1px solid var(--hairline);box-sizing:border-box;border-radius:10px;outline:none;min-height:42px;padding:10px 14px;font-size:13px;font-weight:500;box-shadow:inset 0 1px 2px #00000008}.l-field-pw-wrap{position:relative}.l-field-input--pw{padding-right:42px}.l-field-pw-toggle{cursor:pointer;width:40px;height:100%;color:var(--muted-soft);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;right:0}.l-field-pw-toggle:hover{color:var(--tx-1)}.l-field-input::placeholder{color:var(--muted-soft)}.l-field-input:focus{border-color:var(--primary);box-shadow:inset 0 1px 2px #00000008,0 0 0 3px #4f6d8f29}.l-login-message{color:#b91c1c;letter-spacing:-.01em;text-align:center;justify-content:center;align-items:flex-start;gap:7px;margin:0;padding:6px 0;font-size:13px;font-weight:600;line-height:1.5;display:flex}.l-login-message:before{content:"";opacity:.9;background:#b91c1c;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:8px}.l-login-message span{min-width:0}.l-login-message--entry{margin-top:16px}.l-login-message--action{margin:-2px 0 2px}.l-login-message--success{color:#24683d}.l-login-message--success:before{background:#24683d}.l-forgot-row{justify-content:center;margin:10px 0 0;display:flex}.l-forgot-row button{color:var(--tx-2);letter-spacing:-.01em;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:12.5px;font-weight:700;text-decoration:underline}.l-forgot-row button:hover:not(:disabled){color:var(--tx-1)}.l-forgot-row button:disabled{cursor:not-allowed;opacity:.5}.l-submit-btn{background:var(--primary);color:#fff;width:100%;min-height:48px;font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #4f6d8f3d}.l-submit-btn:hover:not(:disabled){background:var(--primary-active);box-shadow:0 6px 16px #4f6d8f52}.l-submit-btn:active:not(:disabled){background:var(--primary-active)}.l-submit-btn:disabled{opacity:.5;cursor:not-allowed}.l-signup-link{text-align:center;color:var(--tx-2);letter-spacing:-.01em;margin-top:20px;font-size:13px;font-weight:500}.l-signup-link button{cursor:pointer;font-family:inherit;font-size:inherit;color:var(--tx-1);text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.l-confirm-overlay{z-index:1300;-webkit-backdrop-filter:blur(8px)saturate(150%);backdrop-filter:blur(8px)saturate(150%);background:#1c1c1e6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.l-confirm-modal{-webkit-overflow-scrolling:touch;border:1px solid var(--hairline-soft);border-radius:var(--r-xl);background:var(--surface-card);width:min(100%,380px);max-height:calc(100dvh - 48px);box-shadow:var(--sh-modal);color:var(--tx-1);text-align:center;padding:38px 28px 28px;overflow-y:auto}.l-confirm-brand{color:var(--primary);letter-spacing:-.04em;margin-bottom:18px;font-size:18px;font-weight:900}.l-confirm-modal h2{color:var(--tx-1);letter-spacing:-.03em;margin:0 0 18px;font-size:21px;font-weight:800;line-height:1.22}.l-confirm-modal p{color:var(--tx-2);letter-spacing:-.01em;margin:0 0 30px;font-size:14px;font-weight:500;line-height:1.7}.l-confirm-primary{border-radius:var(--r-md);background:var(--primary);color:#fff;width:100%;min-height:46px;box-shadow:var(--sh-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 18px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.l-confirm-primary:hover{background:var(--primary-dark)}.l-confirm-primary:active{transform:translateY(1px)}@media (max-width:768px){.l-layout{background-size:64px 64px,64px 64px,auto;min-height:100dvh;display:block}.l-layout:before{opacity:.72;font-size:68px;top:8px;left:14px}.l-left{display:none}.l-right{width:100%;min-height:100dvh;padding:18px 20px max(32px, env(safe-area-inset-bottom));align-items:flex-start}.l-right:before{opacity:.62;font-size:52px;top:10px;right:12px}.l-card{max-width:420px;padding:28px 24px 24px}.l-confirm-overlay{padding:20px 18px max(20px, env(safe-area-inset-bottom));align-items:center}.l-confirm-modal{width:min(100%,360px);max-height:calc(100dvh - 40px - env(safe-area-inset-bottom));border-radius:var(--r-lg);padding:36px 22px 24px}.l-confirm-modal h2{font-size:19px}.l-confirm-modal p{font-size:13.5px}}@media (max-width:420px){.l-right{padding:14px 16px max(28px, env(safe-area-inset-bottom))}.l-card{padding:24px 20px 22px}.l-card-header{margin-bottom:28px}.l-terms{font-size:9.2px}.l-confirm-overlay{padding:16px 14px max(16px, env(safe-area-inset-bottom))}.l-confirm-modal{padding:34px 20px 22px}}@media (max-width:360px){.l-terms{font-size:8.6px}}