.login-page{min-height:100dvh;display:grid;place-items:center;padding:48px 40px;background:radial-gradient(ellipse at 10% 10%,#fffdf8,transparent 65%),radial-gradient(ellipse at 90% 90%,#e7dac8,transparent 65%),#f4efe6;color:#32251d}.login-layout{position:relative;isolation:isolate;width:100%;max-width:1180px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:center}.login-layout:before{content:'';position:absolute;z-index:-1;inset:-100px -40px;background:url('/roastery-logo.png') center 65%/100% auto no-repeat;opacity:.035;pointer-events:none}.login-brand{padding:35px 12px;min-width:0}.login-brand>a{display:block}.login-logo{width:100%;height:auto;object-fit:contain}.login-brand-copy{margin:58px 0 0 28px}.login-kicker{font-size:10px;letter-spacing:.22em;color:#97734f}.login-brand h2{font-family:var(--serif);font-size:40px;line-height:1.55;margin:16px 0 18px}.login-brand-copy p{font-size:15px;color:#7b6b5c;line-height:1.9}.login-brand-foot{display:block;margin:50px 0 0 28px;font-size:10px;letter-spacing:.19em;color:#998978}.login-panel{width:100%;margin:0;padding:42px;background:#fffdf9ee;border:1px solid #e0d5c7;border-radius:16px;box-shadow:0 24px 80px #5e3e1810}.login-panel h1{font-size:32px;line-height:1.5;margin:22px 0 18px;letter-spacing:-.045em}.login-panel>p{color:#7b6b5c;font-size:13px;line-height:1.8}.login-options{display:grid;gap:12px;margin:28px 0}.login-button{display:block;text-align:center;border:1px solid #ded8cf;padding:14px;border-radius:7px;font:500 14px/1.7 var(--sans)}.login-button:hover{box-shadow:0 4px 14px #32251d18}.login-button.kakao{background:#fee500;color:#191919;border-color:#fee500}.login-button.naver{background:#03c75a;color:white;border-color:#03c75a}.login-button.google{background:white;color:#222}.login-button:disabled{cursor:default;opacity:.55}.login-panel .text-link{display:inline-block;margin-top:24px;font-size:13px}.login-panel .small-note{font-size:11px}.login-options .small-note{padding:12px;background:#edf2e9;color:#36503a;border-radius:6px;margin:0}@media(max-width:760px){.login-page{padding:28px 20px}.login-layout{grid-template-columns:1fr;gap:24px;max-width:480px}.login-brand{padding:8px 14px 0}.login-logo{max-width:350px;margin:0 auto}.login-brand-copy,.login-brand-foot{display:none}.login-layout:before{inset:0 -10px;background-position:center bottom}.login-panel{padding:28px 24px;border-radius:12px}.login-panel h1{font-size:28px;margin:17px 0}.login-options{margin:24px 0}.login-panel .text-link{margin-top:18px}}
.login-benefits{list-style:none;margin:18px 0 22px;padding:0;display:grid;gap:9px}
.login-benefits li{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:start;gap:12px;padding:10px 12px;background:#f0f3ed;border-radius:7px;color:#263e35;font:12px/1.7 var(--sans)}
.login-benefits strong{font-size:13px;font-weight:700}
.login-benefits span{color:#58665e;overflow-wrap:anywhere}
html[lang=en] .login-benefits li,html[lang=ja] .login-benefits li{grid-template-columns:1fr;gap:2px}
@media(max-width:760px){.login-benefits{gap:7px;margin:15px 0 18px}.login-benefits li{padding:9px 10px;gap:8px;grid-template-columns:68px minmax(0,1fr);font-size:12px}.login-benefits strong{font-size:12px}}