.login-page{min-height:100dvh;background:#09090b;isolation:isolate;overflow-x:hidden}
.login-landscape{position:fixed;inset:0;z-index:-3;background-image:linear-gradient(90deg,#060608df,#06060880 60%,#08080b75),linear-gradient(0deg,#08080be0,transparent 28%,transparent 76%,#08080b80),url('assets/login-mountain.png');background-size:cover;background-position:center 51%;animation:landscape-settle 2.5s cubic-bezier(.16,1,.3,1) both}
.login-atmosphere{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 70% 40%,#b7abc00c,transparent 55%);pointer-events:none}
.login-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1500px;margin:auto;padding:35px 56px;z-index:2}.login-header .brand{font-size:23px}.login-header .brand-symbol{font-size:38px}.login-header>div{display:flex;gap:30px;align-items:center}.login-preview-label{font-size:7px;letter-spacing:1.8px;color:#9e96a7;display:flex;gap:7px;align-items:center}.login-preview-label>span{width:4px;height:4px;border-radius:50%;background:#a89ab6}.login-back{display:flex;align-items:center;gap:9px;font-size:10px;color:#d0c8d8;border:1px solid #ffffff1c;border-radius:8px;padding:11px 15px;background:#ffffff03;backdrop-filter:blur(14px);transition:.2s}.login-back:hover{border-color:#ffffff4a;background:#ffffff08}.login-back>span{font-size:15px;color:#b6a8c2}
main.login-layout{margin:0 auto;padding:34px 46px 50px;max-width:1110px;min-height:calc(100dvh - 205px);display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}.login-editorial{align-self:center;padding-bottom:10px;animation:editorial-enter 1s cubic-bezier(.16,1,.3,1) both}.login-editorial .eyebrow{font-size:8px;letter-spacing:2px;color:#d7cfe1}.login-editorial h1{font-family:Manrope,sans-serif;font-size:clamp(42px,4.5vw,62px);font-weight:500;line-height:1.13;letter-spacing:-3px;margin:25px 0 27px;position:relative;text-shadow:0 3px 24px #0008}.login-editorial h1 em{font-style:normal;color:#bdb5c8}.login-star{font-size:31px;color:#d9d1e2;display:inline-block;margin-left:18px;vertical-align:middle;animation:login-star-float 8s ease-in-out infinite}.login-editorial>p{color:#c1b8cb;font-size:13px;line-height:1.9;margin:0;text-shadow:0 2px 15px #000}.login-editorial-bottom{display:flex;align-items:center;gap:14px;font-size:6px;letter-spacing:1.8px;color:#aca1b7;margin-top:45px}.editorial-line{width:35px;height:1px;background:linear-gradient(90deg,#b9a4cb,transparent)}
.login-panel{position:relative;padding:30px 32px 23px;border-radius:26px;border:1px solid #ffffff32;background:linear-gradient(145deg,#ffffff0b,#ffffff02 45%,#ffffff07),#10101485;backdrop-filter:blur(26px) saturate(110%);box-shadow:inset 0 1px #ffffff19,inset 1px 0 #ffffff0e,0 28px 90px #0007;animation:login-card-enter 1.1s cubic-bezier(.16,1,.3,1) both;isolation:isolate;overflow:hidden}.login-panel:before{content:'';height:1px;position:absolute;top:0;left:10%;right:10%;background:linear-gradient(90deg,transparent,#f2e9ffa1 48%,transparent);box-shadow:0 0 18px #e5d6ff33}.login-panel:after{content:'';width:1px;position:absolute;top:15%;bottom:15%;left:0;background:linear-gradient(transparent,#eee5ff60,transparent);pointer-events:none}.panel-reflection{position:absolute;inset:-70%;z-index:-1;background:linear-gradient(120deg,transparent 44%,#ffffff05 49%,transparent 54%);transform:rotate(-7deg);pointer-events:none}.login-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.login-mark{font-family:Manrope,sans-serif;font-size:33px;font-weight:800;letter-spacing:-4px;line-height:1;position:relative;color:#e4ddec;transform:rotate(-8deg);padding-right:7px;text-shadow:2px 2px #ffffff0a}.login-mark>span{position:absolute;font-size:11px;right:-1px;top:1px;letter-spacing:0}.panel-index{font-size:6px;letter-spacing:1.8px;color:#a49aad}.login-panel-copy .eyebrow{font-size:7px;letter-spacing:1.8px;color:#b3a5c1}.login-panel-copy h2{font-family:Manrope,sans-serif;font-size:30px;font-weight:500;line-height:1.24;letter-spacing:-1.3px;margin:16px 0 16px}.login-panel-copy h2 em{font-style:normal;color:#aaa0b7}.login-panel-copy>p{font-size:11px;color:#c0b4cc;line-height:1.9;margin:0 0 28px}.discord-login{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:11px;width:100%;padding:15px 16px;min-height:53px;border:1px solid #fff6;border-radius:11px;background:linear-gradient(135deg,#f6f3fa,#d5d0df);color:#1a1720;box-shadow:inset 0 1px #fff,0 5px 25px #0003;font-size:12px;font-weight:650;transition:transform .2s,box-shadow .2s}.discord-login>svg{width:22px;height:22px}.discord-login>.login-button-arrow{font-size:17px;margin-left:auto}.discord-login>svg{margin-right:auto}.discord-login:after{content:'';position:absolute;inset:0;transform:translateX(-130%) skewX(-15deg);background:linear-gradient(90deg,transparent,#fff8,transparent);transition:transform .7s;pointer-events:none}.discord-login:hover{transform:translateY(-2px);box-shadow:0 0 30px #e2d0f122,0 10px 25px #0003}.discord-login:hover:after{transform:translateX(130%) skewX(-15deg)}.discord-login:active{transform:scale(.985)}.login-availability{display:flex;justify-content:center;align-items:center;gap:6px;color:#b1a2bf;font-size:8px;margin:12px 0 0;line-height:1.6}.login-availability>span{width:4px;height:4px;border-radius:50%;background:#b8a0ce;box-shadow:0 0 10px #b8a0ce44}.login-divider{display:flex;align-items:center;gap:14px;margin:27px 0 16px}.login-divider>span{height:1px;background:#ffffff15;flex:1}.login-divider small{font-size:6px;letter-spacing:1.4px;color:#a497b0;white-space:nowrap}.browse-login{display:flex;justify-content:center;align-items:center;gap:14px;font-size:10px;color:#dbd1e5;padding:10px 0;transition:color .2s,gap .2s}.browse-login>span{color:#b2a0c2}.browse-login:hover{gap:20px;color:white}.login-panel-foot{display:flex;align-items:flex-start;justify-content:center;gap:8px;padding-top:22px;margin-top:22px;border-top:1px solid #ffffff12;color:#a599b1}.login-panel-foot>svg{width:13px;height:13px;flex-shrink:0;margin-top:2px;stroke:#b6a6c4}.login-panel-foot>p{font-size:8px;line-height:1.8;margin:0}.login-help{margin-top:20px;border-top:1px solid #ffffff0b;padding-top:14px}.login-help summary{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#c1b3ce;list-style:none;cursor:inherit}.login-help summary::-webkit-details-marker{display:none}.login-help summary>span{font-size:13px;color:#a99ab8;transition:rotate .2s}.login-help[open] summary>span{rotate:45deg}.login-help>p{font-size:9px;color:#a89ab7;line-height:1.8;margin:12px 0 0}.login-feedback{padding:15px;margin-top:17px;background:#af90c30c;border:1px solid #c6a5dc27;border-radius:9px;animation:editorial-enter .35s ease both}.login-feedback strong{font-size:10px;font-weight:550;color:#d9c7e6}.login-feedback p{font-size:9px;color:#bfb0cb;line-height:1.8;margin:8px 0 10px}.login-feedback a{display:flex;justify-content:space-between;font-size:9px;color:#e1cdef}.login-feedback[hidden]{display:none}
footer.login-footer{max-width:1500px;padding:15px 56px 25px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;color:#94899f}footer.login-footer>span{display:block;font-size:8px;color:#94899f}footer.login-footer>span:nth-child(2){font-size:7px;letter-spacing:1.4px;color:#7d728a}footer.login-footer>a{display:flex;align-items:center;gap:12px;font-size:9px;color:#b7a8c3}
@keyframes landscape-settle{from{opacity:0;scale:1.04}to{opacity:1;scale:1}}@keyframes login-card-enter{from{opacity:0;translate:0 24px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes editorial-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes login-star-float{0%,100%{rotate:-8deg;translate:0 0}50%{rotate:10deg;translate:0 -5px}}
@media(min-width:1500px){main.login-layout{max-width:1210px;gap:130px;padding-block:55px}.login-editorial h1{font-size:72px}.login-panel{padding:37px 39px 29px}.login-panel-copy h2{font-size:34px}.login-panel-copy>p{font-size:12px}.login-panel-top{margin-bottom:49px}}
@media(max-width:1000px){.login-header{padding:28px 35px}main.login-layout{padding:35px;gap:40px}.login-editorial h1{font-size:49px;letter-spacing:-2.5px}.login-editorial .eyebrow{font-size:7px}.login-panel{padding:27px 25px 22px}.login-panel-copy h2{font-size:26px}.login-panel-top{margin-bottom:33px}.login-editorial-bottom{font-size:5px;letter-spacing:1.4px;gap:10px}footer.login-footer{padding-inline:35px}}
@media(max-width:760px){.login-header{padding:25px 23px}.login-header .brand{font-size:20px}.login-header .brand-symbol{font-size:33px}.login-header .brand-sub{font-size:6px;letter-spacing:4px}.login-header>div{gap:0}.login-preview-label{display:none}.login-back{font-size:9px;padding:9px 11px}.login-back>span{font-size:13px}main.login-layout{display:block;min-height:0;padding:30px 22px 25px;margin:0 auto;max-width:500px}.login-editorial{padding:0 6px 29px}.login-editorial .eyebrow{font-size:7px;letter-spacing:1.4px}.login-editorial h1{font-size:39px;line-height:1.1;letter-spacing:-1.8px;margin:19px 0 15px}.login-editorial h1 br:nth-child(2){display:none}.login-star{font-size:23px;margin-left:12px}.login-editorial>p{font-size:11px;line-height:1.8}.login-editorial>p br{display:none}.login-editorial-bottom{display:none}.login-panel{padding:25px 25px 20px;border-radius:23px;backdrop-filter:blur(18px) saturate(110%);background:linear-gradient(145deg,#ffffff09,#ffffff02),#0d0d118a}.login-panel-top{margin-bottom:29px}.login-mark{font-size:30px}.panel-index{font-size:6px}.login-panel-copy h2{font-size:29px;margin:16px 0 14px;letter-spacing:-1.2px}.login-panel-copy>p{font-size:11px;margin-bottom:26px}.discord-login{font-size:11px;min-height:52px}.discord-login>svg{width:21px;height:21px}.login-divider{margin-top:24px}.login-panel-foot{padding-top:19px;margin-top:18px}.login-help{margin-top:19px}.login-availability{font-size:8px}.login-landscape{background-image:linear-gradient(0deg,#08080b80,transparent 35%,#08080b26 70%,#08080b7a),url('assets/login-mountain.png');background-position:center 42%;background-size:cover}footer.login-footer{padding:20px 28px 26px;font-size:7px;gap:15px;flex-wrap:wrap}footer.login-footer>span{font-size:7px}footer.login-footer>span:nth-child(2){display:none}footer.login-footer>a{font-size:8px}.login-page .skip{left:20px}}
@media(max-width:370px){main.login-layout{padding-inline:16px}.login-header{padding-inline:18px}.login-panel{padding-inline:21px}.login-panel-copy h2{font-size:27px}.login-editorial h1{font-size:36px}.login-editorial .eyebrow{font-size:6px}.login-back{font-size:8px}}
@media(prefers-reduced-motion:reduce){.login-landscape,.login-panel,.login-editorial,.login-star,.login-feedback{animation:none}.discord-login:after{display:none}.discord-login,.browse-login{transition:none}}