.luna-login{color:#e9eaf1;background:#0b0c18;font-family:Arial,Noto Sans JP,sans-serif;overflow-x:clip}.luna-login *{box-sizing:border-box}.luna-login a{color:inherit;text-decoration:none}.login-hero{isolation:isolate;background-image:linear-gradient(#b9c7dc06 1px,#0000 1px),linear-gradient(90deg,#b9c7dc06 1px,#0000 1px);background-size:96px 96px;align-items:flex-end;min-height:100svh;padding:160px 6vw 78px;display:flex;position:relative}.login-moon{pointer-events:none;z-index:-1;mix-blend-mode:screen;border:0;width:100%;height:100%;position:absolute;inset:0}.login-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;width:100%;height:100px;padding:0 6vw;display:flex;position:absolute;top:0;left:0}.login-header>a:first-child{letter-spacing:1px;align-items:center;gap:12px;font-family:Georgia,serif;font-size:27px;display:flex}.login-mark{font-size:38px;font-weight:400}.login-shortcut{letter-spacing:1px;align-items:center;gap:24px;font-size:12px;display:flex}.login-shortcut span{color:#a5ddd6;font-size:22px}.login-intro{z-index:1;text-shadow:0 2px 28px #0b0c18;position:relative}.login-eyebrow{letter-spacing:3px;color:#a5ddd6;margin:0 0 22px;font-size:10px;line-height:1.8}.login-intro h1{letter-spacing:-6px;color:#cbd0df;margin:0 0 30px;font:400 clamp(88px,10vw,148px)/.82 Georgia,Times New Roman,serif}.login-intro h1 span{color:#f0f1f6}.login-tagline{letter-spacing:2px;color:#d0d3df;margin:0 0 28px;font:400 17px/2 Georgia,Yu Mincho,serif}.login-enter{text-shadow:none;letter-spacing:1px;background:#a5ddd6;border-radius:40px;align-items:center;gap:32px;padding:18px 27px;font-size:13px;transition:background .2s,transform .2s;display:inline-flex;color:#112b2b!important}.login-enter:hover{background:#c2eee8;transform:translateY(-2px)}.login-scroll{writing-mode:vertical-rl;letter-spacing:3px;align-items:center;gap:24px;font-size:9px;display:flex;position:absolute;bottom:78px;right:6vw;color:#9ca2b6!important}.login-scroll span{writing-mode:horizontal-tb;font-size:24px}.login-section{grid-template-columns:1fr 1fr;align-items:center;gap:9vw;max-width:1180px;min-height:95svh;margin:auto;padding:100px 6vw;scroll-margin-top:0;display:grid;position:relative}.login-section-copy h2{letter-spacing:2px;margin:0 0 22px;font:400 clamp(30px,3vw,44px)/1.65 Georgia,Yu Mincho,serif}.login-section-copy>p:last-child{color:#989fb4;font-size:13px;line-height:2.2}.login-card{color:#0a2540;background:#fcfcfd;border:1px solid #ffffff2b;border-radius:20px;width:100%;max-width:440px;padding:36px;box-shadow:0 24px 100px #0003}.luna-login :is(a,button,input):focus-visible{outline-offset:5px;outline:2px solid #70beb3}.luna-login button:disabled{opacity:.45;cursor:not-allowed!important}.login-footer{color:#aeb4c7;border-top:1px solid #ffffff12;justify-content:space-between;padding:24px 6vw;font:18px Georgia,serif;display:flex}.login-footer span{letter-spacing:2px;color:#7a839b;font:10px Arial,sans-serif}@media (min-width:1000px){.login-hero{min-height:105svh}.login-moon{width:90%;left:10%}}@media (max-width:700px){.login-hero{min-height:100svh;padding:140px 7vw 64px}.login-header{height:80px;padding:0 7vw}.login-header>a:first-child{font-size:22px}.login-mark{font-size:32px}.login-shortcut{gap:12px}.login-moon{width:150%;height:76%;top:70px;left:-25%}.login-intro h1{letter-spacing:-4px;margin-bottom:20px;font-size:88px}.login-eyebrow{letter-spacing:2px;margin-bottom:16px;font-size:8px}.login-tagline{margin-bottom:24px;font-size:14px}.login-enter{gap:24px;padding:16px 23px;font-size:12px}.login-scroll{gap:18px;font-size:8px;bottom:64px;right:7vw}.login-section{grid-template-columns:1fr;gap:32px;min-height:auto;padding:64px 6vw}.login-section-copy h2{margin-bottom:12px;font-size:28px}.login-section-copy>p:last-child{font-size:12px}.login-card{max-width:100%;padding:28px 23px}}@media (prefers-reduced-motion:reduce){.login-enter{transition:none}}.login-moon{-webkit-mask-image:linear-gradient(#0000 6%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(#0000 6%,#000 20% 80%,#0000 100%)}.login-eyebrow,.login-shortcut span{color:#d5cafa}.login-enter{background:#ded5fa;color:#24203b!important}.login-enter:hover{background:#eee8ff}.luna-login :is(a,button,input):focus-visible{outline-color:#bda9f2}@media (min-width:1000px){.login-moon{width:82%;left:18%}}@media (max-width:700px){.login-moon{opacity:.75;width:150%;height:65%;top:50px;left:-25%}}
