.login-page{min-height:100vh}.login{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:1.15fr minmax(320px,440px);align-items:center;gap:clamp(40px,6vw,120px);padding:120px var(--gutter) 110px}.login-eyebrow{color:var(--fg-dim);margin-bottom:28px}.login-title{font-family:var(--font-display);font-variation-settings:"wdth" 112;font-weight:500;font-size:clamp(52px,8vw,132px);line-height:.94;letter-spacing:-.035em}.login-text{margin-top:28px;max-width:420px;color:var(--fg-dim);font-size:18px}.login-card{background:#080405b8;border:1px solid var(--line);border-radius:8px;padding:32px;backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:16px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:17px 20px;border-radius:4px;font-family:var(--font-body);font-weight:500;font-size:15px;transition:background-color .4s var(--ease),color .4s var(--ease),transform .4s var(--ease)}.login-btn:hover{transform:translateY(-2px)}.login-google{background:var(--sand);color:#140708}.login-google:hover{background:#fff3e4}.login-mail{background:var(--wine);color:var(--sand);justify-content:space-between}.login-mail:hover{background:#8f0a2a}.login-or{display:flex;align-items:center;gap:14px;color:var(--fg-dim)}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:var(--line)}.login-note{font-size:13px;color:var(--fg-dim);line-height:1.5}@media (max-width: 820px){.login{grid-template-columns:1fr;align-content:center;padding-top:110px}.login-card{padding:24px}}