.room-gate.gate-landing{--ink-soft:#716778;--deep:#5145bb;color:#2f2a35;-webkit-user-select:text;user-select:text;background:#fff;padding:0 24px;display:block}.gate-landing *{box-sizing:border-box}.gate-landing .gate-header,.gate-landing .gate-hero,.gate-landing .gate-details,.gate-landing .gate-footer{width:100%;max-width:1080px;margin-inline:auto}.gate-landing .gate-header{justify-content:space-between;align-items:center;gap:20px;min-height:100px;display:flex}.gate-landing .gate-brand{letter-spacing:-.7px;align-items:center;gap:8px;font-size:19px;font-weight:700;display:inline-flex}.gate-landing .gate-brand-dot{background:#ff6a53;border-radius:50%;width:7px;height:7px}.gate-landing .gate-header-note{color:#716778;font-size:12px}.gate-landing .gate-hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:570px;padding:35px 0 70px;display:grid}.gate-landing .gate-card{text-align:left;justify-items:stretch;gap:20px;max-width:440px}.gate-landing .gate-card h1{letter-spacing:-.055em;word-break:keep-all;font-size:clamp(34px,4vw,48px);font-weight:650;line-height:1.25}.gate-landing .gate-card .gate-intro{color:#716778;word-break:keep-all;max-width:340px;font-size:16px;line-height:1.85}.gate-landing .gate-entry{width:100%;max-width:360px;margin-top:12px}.gate-landing .signin-form{width:100%}.gate-landing .signin-form .ui-label{color:#716778;font-size:12px}.gate-landing .signin-form .ui-field{color:#2f2a35;background:#fff;border:1px solid #cec6d5;border-radius:14px;width:100%;min-width:0;min-height:50px;font-size:16px}.gate-landing .signin-form .ui-field::placeholder{color:#716778}.gate-landing .signin-form .signin-submit{color:#fff;background:#5145bb;border-radius:14px;min-height:50px}.gate-landing .signin-form .signin-submit:disabled{color:#716778;opacity:1;background:#eeebf5}.gate-landing .signin-form>small{display:none}.gate-landing .gate-card .gate-login-note{color:#716778;word-break:keep-all;margin-top:14px;font-size:12px;line-height:1.75}.gate-landing .gate-world{justify-self:center;width:100%;max-width:420px;height:440px;position:relative}.gate-landing .gate-digit{opacity:.86;inset:0}.gate-landing .gate-digit svg{width:100%;max-height:100%}.gate-landing .gate-jelly{background:radial-gradient(ellipse at 27% 23%, #ffffffeb 0, #fff0 24%), radial-gradient(ellipse at 62% 80%, #ffffffa8, transparent 58%), var(--jelly-color);border-radius:47% 53% 41% 45%/63% 59% 37% 37%;justify-content:center;align-items:center;gap:9px;width:47px;height:43px;animation:6s ease-in-out infinite gate-breathe;display:flex;position:absolute;box-shadow:inset 0 1px 3px #fff,inset 0 -3px 6px #fff9,0 4px 12px #4832520d}.gate-landing .gate-jelly i{background:#463953;border-radius:50%;width:5px;height:5px}.gate-landing .gate-jelly-1{--jelly-color:#ff6a53;top:12%;left:65%}.gate-landing .gate-jelly-2{--jelly-color:#f8e44f;animation-delay:-1s;top:37%;left:14%}.gate-landing .gate-jelly-3{--jelly-color:#33b78c;animation-delay:-2s;top:69%;left:62%}.gate-landing .gate-jelly-4{--jelly-color:#5b74ea;animation-delay:-3s;top:81%;left:22%}.gate-landing .gate-jelly-5{--jelly-color:#bd63d0;animation-delay:-4s;top:45%;left:67%}.gate-landing .gate-details{border-top:1px solid #ece7f2;grid-template-columns:repeat(3,1fr);gap:48px;padding:36px 0 46px;display:grid}.gate-landing .gate-detail h2{letter-spacing:-.025em;margin:14px 0 10px;font-size:18px;font-weight:600}.gate-landing .gate-detail p{color:#716778;word-break:keep-all;margin:0;font-size:14px;line-height:1.9}.gate-landing .gate-detail-mark{background:#ffeae6;border-radius:6px;width:25px;height:9px;display:block}.gate-landing .gate-detail-mark-1{background:#e4f7f0}.gate-landing .gate-detail-mark-2{background:#eaeefe}.gate-landing .gate-footer{padding:26px 0 calc(30px + env(safe-area-inset-bottom));color:#716778;border-top:1px solid #ece7f2;justify-content:space-between;align-items:center;gap:24px;font-size:12px;line-height:1.8;display:flex}.gate-landing .gate-footer p{margin:0}.gate-landing .gate-footer nav{flex-wrap:wrap;gap:8px 22px;display:flex}.gate-landing .gate-footer a{color:#716778;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.gate-landing .gate-footer a:hover{color:#2f2a35;text-decoration:underline}.gate-landing :is(a,button,input):focus-visible{outline-offset:4px;outline:2px solid #5145bb}@keyframes gate-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.025,.975)}}@media (max-width:700px){.room-gate.gate-landing{padding-inline:24px}.gate-landing .gate-header{min-height:64px}.gate-landing .gate-header-note{text-align:right;word-break:keep-all;max-width:130px;font-size:10px}.gate-landing .gate-brand{font-size:17px}.gate-landing .gate-hero{grid-template-columns:1fr;gap:12px;min-height:auto;padding:4px 0 40px}.gate-landing .gate-world{grid-row:1;width:148px;height:156px}.gate-landing .gate-jelly{gap:4px;width:21px;height:20px}.gate-landing .gate-jelly i{width:2.5px;height:2.5px}.gate-landing .gate-card{text-align:center;justify-self:center;gap:12px;max-width:400px}.gate-landing .gate-card h1{font-size:34px}.gate-landing .gate-card .gate-intro{margin-inline:auto;font-size:14px;line-height:1.8}.gate-landing .gate-entry{text-align:left;margin:4px auto 0}.gate-landing .gate-card .gate-login-note{margin-top:10px;font-size:11px}.gate-landing .gate-details{grid-template-columns:1fr;gap:28px;padding-block:30px}.gate-landing .gate-detail{grid-template-columns:25px 1fr;column-gap:14px;display:grid}.gate-landing .gate-detail-mark{margin-top:7px}.gate-landing .gate-detail h2{margin:0 0 8px;font-size:17px}.gate-landing .gate-detail p{grid-column:2;font-size:13px}.gate-landing .gate-footer{flex-direction:column;align-items:flex-start;gap:8px;padding-top:22px}}.gate-landing .signin-agree{color:#716778;word-break:keep-all;font-size:12px;line-height:1.7}.gate-landing .signin-agree a{color:#2f2a35}.gate-landing .gate-biz{width:100%;max-width:1080px;padding:0 0 calc(28px + env(safe-area-inset-bottom));color:#716778;word-break:keep-all;margin:-14px auto 0;font-size:11px;line-height:1.8}@media (prefers-reduced-motion:reduce){.gate-landing *,.gate-landing :before,.gate-landing :after{transition:none!important;animation:none!important}}