.login-root{--bg-0:#060313;--bg-1:#02000d;--ink:#f1f0ff;--ink-dim:#b7b5cac7;--ink-faint:#b7b5ca73;--accent:#d59aff;--accent-2:#00dfe8;--glass:#1a172c59;--glass-stroke:#dddaf724;--glass-stroke-hi:#eeecff47;color:var(--ink);height:100dvh;font-family:var(--font-inter),system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif;-webkit-font-smoothing:antialiased;background:#07040f;position:fixed;inset:0;overflow:hidden}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root{--bg-1:color(display-p3 .00558 0 .04819);--accent:color(display-p3 .80513 .60692 .9907);--accent-2:color(display-p3 .39399 .86 .89905);--glass-stroke-hi:color(display-p3 .9306 .92473 1/.28)}}}.login-root *,.login-root :before,.login-root :after{box-sizing:border-box}.login-root canvas.login-bg{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.login-root .veil{z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 55%,#0000 40%,#07040f8c 100%),linear-gradient(#07040f59 0%,#0000 18% 82%,#07040f80 100%);position:fixed;inset:0}.login-root .grain{z-index:2;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.login-root .shell{z-index:3;grid-template-rows:auto 1fr auto;height:100%;padding:28px 36px;display:grid;position:relative}.login-root .top{color:var(--ink-dim);letter-spacing:.02em;justify-content:space-between;align-items:center;font-size:13px;display:flex}.login-root .brand{color:var(--ink);white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.login-root .brand-mark{background:radial-gradient(circle at 35% 35%,#fff 0%,#0000 40%),conic-gradient(from 210deg,#d59aff,#00dfe8,#d59aff);border-radius:50%;width:22px;height:22px;box-shadow:0 0 18px #d59aff8c,inset 0 0 8px #0006}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .brand-mark{background:radial-gradient(circle at 35% 35%,#fff 0%,#0000 40%),conic-gradient(from 210deg,color(display-p3 .80513 .60692 .9907),color(display-p3 .39399 .86 .89905),color(display-p3 .80513 .60692 .9907));box-shadow:0 0 18px color(display-p3 .80513 .60692 .9907/.55),inset 0 0 8px #0006}}}.login-root .brand-name{font-family:var(--font-instrument-serif), serif;letter-spacing:.01em;white-space:nowrap;font-size:20px}.login-root .nav-tagline{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.32em;color:#d0cbf6c7;text-transform:uppercase;align-items:center;gap:8px;margin-left:auto;font-size:11.5px;display:flex}.login-root .nav-tagline span:not(.status-sep){text-shadow:0 0 14px #d59aff73}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .nav-tagline span:not(.status-sep){text-shadow:0 0 14px color(display-p3 .80513 .60692 .9907/.45)}}}.login-root .status-sep{opacity:.45;margin:0 4px}.login-root .stage{grid-gap:48px;grid-template-columns:1fr minmax(380px,440px);align-items:center;gap:48px;width:100%;max-width:1200px;margin:0 auto;display:grid}.login-root .hero{align-self:center;max-width:720px}.login-root .eyebrow-wide{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.36em;color:#dcaeffd9;text-transform:uppercase;text-shadow:0 0 18px #d59aff80;white-space:nowrap;align-items:center;gap:10px;margin-bottom:18px;font-size:11px;display:flex}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .eyebrow-wide{color:color(display-p3 .84175 .67892 1/.85);text-shadow:0 0 18px color(display-p3 .80513 .60692 .9907/.5)}}}.login-root .eyebrow-wide:before{content:"";background:linear-gradient(90deg, transparent, var(--ink-faint));width:28px;height:1px}.login-root .title-block{display:inline-block}.login-root .brand-title{font-family:var(--font-noto-serif-kr), var(--font-instrument-serif), serif;letter-spacing:-.045em;color:#eee1ff;white-space:nowrap;text-shadow:0 0 40px #d59aff8c,0 0 90px #d59aff59;margin:0 0 18px;font-size:max(32px,min(4.2vw,60px));font-weight:500;line-height:1.1;display:inline-block}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .brand-title{color:color(display-p3 .92712 .88304 1);text-shadow:0 0 40px color(display-p3 .80513 .60692 .9907/.55),0 0 90px color(display-p3 .80513 .60692 .9907/.35)}}}.login-root .brand-sub{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.32em;color:#d0cbf6c7;text-transform:uppercase;text-align:center;text-shadow:0 0 14px #d59aff66;margin:0;font-size:12.5px;font-weight:500}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .brand-sub{text-shadow:0 0 14px color(display-p3 .80513 .60692 .9907/.4)}}}.login-root .login-wrap{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.22,.95,.28,1.08);display:block;transform:translateY(8px)}.login-root .login-wrap.show{opacity:1;transform:translateY(0)}.login-root .card{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--glass-stroke);box-shadow:0 40px 80px -30px #0009, inset 0 1px 0 var(--glass-stroke-hi);border-radius:18px;padding:36px 32px 28px;position:relative;overflow:hidden}.login-root .card:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 20% 0,#d59aff2e,#0000 60%),radial-gradient(70% 50% at 100% 100%,#00dfe81f,#0000 60%);position:absolute;inset:0}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .card:before{background:radial-gradient(80% 50% at 20% 0,color(display-p3 .80513 .60692 .9907/.18),#0000 60%),radial-gradient(70% 50% at 100% 100%,color(display-p3 .39399 .86 .89905/.12),#0000 60%)}}}.login-root .card>*{z-index:1;position:relative}.login-root .card h2{font-family:var(--font-instrument-serif), serif;letter-spacing:.005em;color:var(--ink);margin:0 0 6px;font-size:28px;font-weight:400}.login-root .card .hint{color:var(--ink-dim);margin:0 0 28px;font-size:13px}.login-root .login-form{flex-direction:column;gap:18px;display:flex}.login-root .login-field{margin:0;display:block}.login-root .login-field>label{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:12px;display:flex}.login-root .login-input{position:relative}.login-root .login-input input{width:100%;color:var(--ink);font:inherit;background:#03020c8c;border:1px solid #dddaf71f;border-radius:10px;outline:none;padding:13px 40px 13px 14px;font-size:14.5px;transition:border-color .2s,box-shadow .2s,background .2s}.login-root .login-input input::placeholder{color:#b7b5ca61}.login-root .login-input input:focus{background:#060313a6;border-color:#d59aff99;box-shadow:0 0 0 4px #d59aff1f}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .login-input input:focus{border-color:color(display-p3 .80513 .60692 .9907/.6);box-shadow:0 0 0 4px color(display-p3 .80513 .60692 .9907/.12)}}}.login-root .login-input input:disabled{opacity:.7;cursor:not-allowed}.login-root .login-input .toggle{width:36px;height:36px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-root .login-input .toggle:hover{color:var(--ink);background:#dddaf70f}.login-root .login-input .toggle:focus-visible{outline-offset:2px;outline:2px solid #d59aff99}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .login-input .toggle:focus-visible{outline:2px solid color(display-p3 .80513 .60692 .9907/.6)}}}.login-root .login-input .toggle:disabled{opacity:.4;cursor:not-allowed}.login-root .login-submit{appearance:none;cursor:pointer;width:100%;font:inherit;letter-spacing:.01em;color:#0a0416;background:linear-gradient(#ebd3ff 0%,#cc9fff 100%);border:0;border-radius:10px;margin-top:6px;padding:13px 18px;font-size:14px;font-weight:500;transition:transform .15s,box-shadow .2s,filter .2s;position:relative;box-shadow:0 10px 30px -8px #cc9fff8c,inset 0 1px #fff6,inset 0 -1px #00000026}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .login-submit{background:linear-gradient(color(display-p3 .91063 .82502 1) 0%,color(display-p3 .77897 .6206 1) 100%);box-shadow:0 10px 30px -8px color(display-p3 .77897 .6206 1/.55),inset 0 1px #fff6,inset 0 -1px #00000026}}}.login-root .login-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.login-root .login-submit:active:not(:disabled){transform:translateY(0)}.login-root .login-submit:focus-visible{outline-offset:3px;outline:2px solid #d59aff99}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .login-submit:focus-visible{outline:2px solid color(display-p3 .80513 .60692 .9907/.6)}}}.login-root .login-submit:disabled{cursor:progress;opacity:.85;transform:none}.login-root .login-submit.is-loading{color:#161227;animation:1.2s ease-in-out infinite btnPulse}.login-root .login-submit.is-loading:after{content:"";border:2px solid #16122740;border-top-color:#161227;border-radius:50%;width:14px;height:14px;margin-top:-7px;animation:.7s linear infinite btnSpin;position:absolute;top:50%;right:18px}@keyframes btnPulse{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@keyframes btnSpin{to{transform:rotate(360deg)}}.login-root .login-forgot{text-align:center;color:var(--ink-dim);margin:8px 0 0;font-size:12.5px}.login-root .login-forgot a{color:var(--ink);border-bottom:1px solid #dddaf733;-webkit-text-decoration:none;text-decoration:none;transition:border-color .2s}.login-root .login-forgot a:hover{border-bottom-color:#dddaf780}.login-root .bottom{color:var(--ink-faint);font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:11px;display:flex}.login-root .bottom .coords{gap:18px;display:flex}.login-root .shooting-layer{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.login-root .shoot{top:20%;top:var(--sy,20%);left:50%;left:var(--sx,50%);width:220px;width:var(--len,220px);transform-origin:0;height:1.4px;transform:rotate(20deg);transform:rotate(var(--ang,20deg));opacity:0;filter:drop-shadow(0 0 6px #ebd3ff99);position:absolute}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .shoot{filter:drop-shadow(0 0 6px color(display-p3 .91063 .82502 1/.6))}}}.login-root .shoot:before{content:"";background:linear-gradient(90deg,#0000 0%,#f8f7ff26 20%,#ebedffd9 70%,#fff 100%);border-radius:999px;position:absolute;inset:0}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .shoot:before{background:linear-gradient(90deg,#0000 0%,color(display-p3 .97209 .96994 1/.15) 20%,color(display-p3 .92117 .92906 1/.85) 70%,#fff 100%)}}}.login-root .shoot:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:-3px;transform:translateY(-50%);box-shadow:0 0 10px #fff,0 0 22px #ebd3ffe6,0 0 40px #a8d2ff8c}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .shoot:after{box-shadow:0 0 10px #fff,0 0 22px color(display-p3 .91063 .82502 1/.9),0 0 40px color(display-p3 .6803 .82065 1/.55)}}}.login-root .shoot.run{animation:8s cubic-bezier(.22,.61,.36,1) forwards shoot-fly;animation:shoot-fly var(--dur,8s) cubic-bezier(.22, .61, .36, 1) forwards}@keyframes shoot-fly{0%{opacity:0;transform:rotate(20deg)translate(-20%)scaleX(.4);transform:rotate(var(--ang,20deg)) translateX(-20%) scaleX(.4)}8%{opacity:1}80%{opacity:1}to{opacity:0;transform:rotate(20deg)translate(120vw)scaleX(1);transform:rotate(var(--ang,20deg)) translateX(var(--dist,120vw)) scaleX(1)}}.login-root .login-toast{-webkit-backdrop-filter:blur(18px)saturate(140%);color:#ffdad9;z-index:10;opacity:0;pointer-events:none;background:#100f22d9;border:1px solid #ff949573;border-radius:12px;padding:12px 22px 12px 44px;font-size:13px;font-weight:500;transition:transform .4s cubic-bezier(.22,.95,.3,1.2),opacity .3s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 14px 36px #0000008c,inset 0 1px #dddaf72e}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .login-toast{color:color(display-p3 1 .85115 .84317);border:1px solid color(display-p3 .99143 .56583 .56322/.45)}}}.login-root .login-toast:before{content:"!";color:#100f22;background:#ff9495;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;font-weight:800;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0%)){.login-root .login-toast:before{background:color(display-p3 .99143 .56583 .56322)}}}.login-root .login-toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:880px){.login-root .shell{padding:20px}.login-root .nav-tagline{display:none}.login-root .stage{grid-template-columns:1fr;gap:28px}.login-root .hero{text-align:left}.login-root .brand-title{white-space:normal}.login-root .login-toast{bottom:24px;left:16px;right:16px;transform:translateY(20px)}.login-root .login-toast.show{transform:translateY(0)}.login-root .login-toast:before{left:12px}}@media (prefers-reduced-motion:reduce){.login-root .login-wrap,.login-root .login-submit,.login-root .login-input input,.login-root .login-toast,.login-root .login-forgot a{transition:none!important}.login-root .login-submit.is-loading,.login-root .login-submit.is-loading:after{animation:none!important}.login-root .shoot.run{opacity:0!important;animation:none!important}}