:root{font-family:Inter,"Noto Sans TC",system-ui,sans-serif;color:#252b38;background:#e6eef0}.login-shell{min-height:100vh;display:grid;place-items:center;overflow:hidden;position:relative;padding:24px}.scene{inset:0;position:absolute;background:linear-gradient(165deg,#b9e1ef 0%,#e6f2eb 51%,#e8d8bb 51%,#cba47b 100%)}.sun{position:absolute;right:17%;top:12%;width:130px;aspect-ratio:1;border-radius:50%;background:#ffdc8a;box-shadow:0 0 0 26px #ffefc955}.cloud{position:absolute;width:160px;height:34px;border-radius:40px;background:#fffdf7aa}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:65px;height:65px;left:27px;bottom:-6px}.cloud:after{width:83px;height:83px;right:16px;bottom:-8px}.c1{top:19%;left:12%;transform:scale(.8)}.c2{top:30%;right:8%;transform:scale(.56)}.skyline{height:38%;position:absolute;bottom:24%;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;gap:7px;opacity:.8}.skyline span{width:10%;background:linear-gradient(90deg,#778a91,#b0c3bf);border:2px solid #61777e;border-bottom:0}.skyline span:nth-child(1){height:38%}.skyline span:nth-child(2){height:70%}.skyline span:nth-child(3){height:50%}.skyline span:nth-child(4){height:92%;width:12%}.skyline span:nth-child(5){height:61%}.skyline span:nth-child(6){height:45%}.crossing{height:24%;position:absolute;bottom:0;left:-4%;right:-4%;background:repeating-linear-gradient(90deg,#f8f2e3 0 52px,transparent 52px 82px);transform:perspective(220px) rotateX(45deg);transform-origin:bottom}.card{z-index:1;width:min(100%,470px);padding:44px;box-sizing:border-box;background:#fffcf6e8;border:1px solid #fff;box-shadow:0 24px 68px #52636a44;border-radius:24px;text-align:center;backdrop-filter:blur(10px)}.eyebrow{font-size:11px;letter-spacing:.18em;color:#687a82;font-weight:700;margin:0 0 18px}.card h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(31px,7vw,46px);line-height:1.16;letter-spacing:.03em;margin:0;color:#273948}.intro{font-size:15px;line-height:1.8;color:#5c6870;margin:20px 0}.notice{min-height:24px;margin:0 0 18px;color:#776e5e;font-size:13px}.google-button{min-height:52px;border-radius:12px;background:#fff;color:#28323b;border:1px solid #d7dce0;box-shadow:0 2px 4px #36434c18;display:flex;gap:12px;align-items:center;justify-content:center;text-decoration:none;font-size:15px;font-weight:700;transition:transform .16s ease,box-shadow .16s ease}.google-button:hover{transform:translateY(-2px);box-shadow:0 6px 14px #36434c27}.google-button:focus-visible{outline:3px solid #5e9ec0;outline-offset:3px}.google-button.is-disabled{opacity:.55;cursor:not-allowed}.google-g{font-size:22px;font-family:Arial,sans-serif;color:#4285f4;font-weight:700}.login-note{margin:16px 0 0;color:#858078;font-size:12px}@media(max-width:540px){.login-shell{padding:16px;align-items:end}.card{padding:34px 27px;margin-bottom:7vh;border-radius:20px}.sun{width:95px;right:-2%;top:8%}.skyline{bottom:18%;height:42%}}