.login-scene{justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}.login-bg-layer{z-index:-1;background-color:#4ab8d4;position:fixed;inset:0;overflow:hidden}.login-scene-image{-o-object-fit:cover;object-fit:cover}.login-bg-overlay{-webkit-backdrop-filter:blur(3px);background:#0006;position:absolute;inset:0}.login-back-button{z-index:50;position:absolute;top:2rem;left:2rem}.login-card{z-index:5;width:100%;max-width:26rem;position:relative}.login-panel{text-align:center;background:linear-gradient(150deg,#fff6e0 0%,#f2dfae 100%);border-radius:2rem;flex-direction:column;align-items:center;gap:1rem;padding:clamp(2.4rem,5vw,3rem) clamp(1.9rem,5vw,2.5rem);display:flex;position:relative;box-shadow:0 16px 40px #00000059,inset -3px -3px 8px #8b5e2a2e,inset 3px 3px 8px #ffffffd9}.login-logo-wrap{justify-content:center;align-items:center;margin-bottom:.1rem;display:flex;position:relative}.login-logo-glow{background:radial-gradient(closest-side,#ffc93c8c,#ffc93c00 70%);border-radius:50%;animation:2.8s ease-in-out infinite login-logo-pulse;position:absolute;inset:-35%}@keyframes login-logo-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}.login-logo{filter:drop-shadow(0 4px 10px #0000002e);width:clamp(120px,26vw,156px);height:auto;position:relative}.login-title{color:#3d2411;letter-spacing:.02em;margin:0;font-size:clamp(1.25rem,3.2vw,1.6rem)}.login-subtitle{color:#4a2a1ab3;margin:-.35rem 0 .15rem;font-size:clamp(.8rem,2vw,.92rem)}.login-error{color:#b02020;text-align:center;background:#dc26261f;border:1px solid #dc262666;border-radius:12px;width:100%;padding:.65rem .9rem;font-size:clamp(.75rem,1.8vw,.85rem);font-weight:600}.login-google-btn{color:#3d2411;cursor:pointer;background:linear-gradient(150deg,#fffdf8 0%,#f3ede0 100%);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.7rem;width:100%;padding:1rem 1.4rem;font-size:clamp(.88rem,2vw,1rem);font-weight:700;transition:transform .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out;display:inline-flex;box-shadow:0 5px #d8c8a8,0 8px 14px #785c2840,inset -3px -3px 6px #96783c1f,inset 3px 3px 5px #ffffffe6}.login-google-btn:not(:disabled):hover{filter:brightness(1.03);transform:translateY(-2px)}.login-google-btn:not(:disabled):active{transform:translateY(4px);box-shadow:0 1px #d8c8a8,0 3px 6px #785c2833,inset -3px -3px 6px #96783c1f,inset 3px 3px 5px #ffffffe6}.login-google-btn:disabled{opacity:.7;cursor:not-allowed}.login-footnote{color:#4a2a1a8c;margin:.2rem 0 0;font-size:clamp(.7rem,1.6vw,.78rem)}@keyframes login-card-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.login-card--shake{animation:.4s ease-in-out login-card-shake}@media (prefers-reduced-motion:reduce){.login-logo-glow,.login-card--shake{animation:none}}@media (max-height:600px) and (orientation:landscape){.login-scene{padding:.75rem 1.5rem}.login-back-button{top:.75rem;left:.75rem}.login-panel{border-radius:1.25rem;gap:clamp(.35rem,1.2vh,.6rem);padding:clamp(1rem,6vh,1.5rem) clamp(1.25rem,5vw,2rem)}.login-logo-wrap{margin-bottom:0}.login-logo{width:clamp(64px,14vh,96px)}.login-title{font-size:clamp(.95rem,4.5vh,1.2rem)}.login-subtitle{margin:-.15rem 0 0;font-size:clamp(.62rem,2.6vh,.75rem)}.login-error{padding:.35rem .7rem;font-size:clamp(.62rem,2.4vh,.72rem)}.login-google-btn{gap:.5rem;padding:clamp(.5rem,2.6vh,.75rem) 1.2rem;font-size:clamp(.72rem,2.8vh,.85rem)}.login-footnote{margin:0;font-size:clamp(.58rem,2.2vh,.68rem)}}