:root{--paper:#f4f0ee;--card:#fbf8f6;--sand:#dad3c7;--ink:#2a2623;--soft:#5c5854;--verm:#e44727;--verm-tx:#b5381d;--display:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--body:"Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;--jp:"Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0}h1,p{margin:0}.login{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,5vw,96px);min-height:100dvh;padding-block:clamp(32px,7vw,128px);padding-inline:max(16px,clamp(24px,7vw,128px));display:grid}.copy{flex-direction:column;gap:clamp(20px,2.4vw,36px);min-width:0;display:flex}.copy>*{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.copy>:nth-child(2){animation-delay:80ms}.copy>:nth-child(3){animation-delay:.16s}.copy>:nth-child(4){animation-delay:.6s}.copy>:nth-child(5){animation-delay:.8s}.eyebrow{font:600 clamp(13px, 1.25vw, 18px) / 1.3 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--verm-tx)}h1{font:400 clamp(48px, 6.6vw, 120px) / 1.05 var(--display);text-wrap:balance}.lead{max-width:34ch;color:var(--soft);font-size:clamp(17px,1.6vw,24px);line-height:1.5}.note{color:var(--soft);letter-spacing:.02em;font-size:14px}.pw{flex-direction:column;gap:10px;max-width:520px;display:flex}.pw-label{font:600 13px / 1.3 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}.pw-row{align-items:stretch;gap:12px;display:flex}.pw-row input{min-width:0;font:500 18px / 1.4 var(--body);color:var(--ink);background:var(--card);border:1px solid var(--sand);border-radius:999px;outline:none;flex:1;padding:14px 22px;transition:border-color .2s,box-shadow .2s}.pw-row input:focus{border-color:var(--verm-tx);box-shadow:0 0 0 4px #e4472724}.pw-row button{font:600 16px / 1 var(--body);color:var(--paper);background:var(--verm-tx);cursor:pointer;border:0;border-radius:999px;padding:0 28px;transition:background .2s}.pw-row button:hover{background:var(--ink)}.pw-row button:focus-visible{outline:2px solid var(--verm);outline-offset:3px}.pw-row button:disabled{opacity:.7;cursor:progress}.pw-msg{min-height:1.4em;color:var(--verm-tx);font-size:14px;font-weight:600}.shake{animation:.45s shake}.art{justify-content:center;align-items:center;gap:clamp(16px,3vw,48px);min-width:0;display:flex}.enso{width:min(100%,480px);height:auto;overflow:visible}.ring{fill:none;stroke:var(--verm);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1300 2000;stroke-dashoffset:1300px;animation:2.4s cubic-bezier(.65,.05,.25,1) .15s forwards draw}.dot{fill:var(--verm);opacity:0;transform-box:fill-box;transform-origin:50%;animation:.6s cubic-bezier(.3,1.6,.5,1) 2.3s forwards pop}.vjp{font:400 clamp(26px, 2.6vw, 44px) / 1.25 var(--jp);color:var(--verm-tx);flex-direction:column;align-items:center;display:flex}.vjp span{opacity:0;animation:.7s forwards fade}.vjp span:first-child{animation-delay:1.3s}.vjp span:nth-child(2){animation-delay:1.45s}.vjp span:nth-child(3){animation-delay:1.6s}.vjp span:nth-child(4){animation-delay:1.75s}.vjp span:nth-child(5){animation-delay:1.9s}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes fade{to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@media (max-width:820px){.login{grid-template-columns:1fr;align-content:center}.art{order:-1;justify-content:flex-start}.enso{width:clamp(110px,32vw,200px)}.vjp{font-size:22px}}@media (max-width:420px){.pw-row{flex-direction:column}.pw-row button{padding:14px 28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.ring{stroke-dashoffset:0}.dot,.vjp span{opacity:1}}