.system-landing{--neon:#00f56b;--drift-x:0px;--drift-y:0px;isolation:isolate;height:100svh;min-height:100svh;min-height:max(650px,100svh);color:var(--neon);letter-spacing:0;background:#030705;font-family:Courier New,monospace;position:relative;overflow:hidden}.system-grid,.system-field,.system-vignette,.system-scanlines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.system-grid{z-index:-4;background-image:linear-gradient(#14392030 1px,#0000 1px),linear-gradient(90deg,#14392030 1px,#0000 1px);background-position:50%;background-size:100px 100px;-webkit-mask-image:radial-gradient(#000 20%,#0000 78%);mask-image:radial-gradient(#000 20%,#0000 78%)}.system-field{z-index:-2}.system-vignette{z-index:2;background:radial-gradient(at 50% 48%,#0000 25%,#0003 78%);box-shadow:inset 0 0 140px 70px #0008}.system-scanlines{z-index:3;opacity:.36;background:repeating-linear-gradient(0deg,#0000 0 2px,#0002 3px,#0000 4px)}.system-header{z-index:5;grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute;top:50px;left:52px;right:52px}.system-diagnostics{color:#1a7b40;flex-direction:column;gap:3px;font-size:8px;line-height:1.2;display:flex}.system-diagnostics span:first-child{color:#27a75b}.system-diagnostics i{vertical-align:1px;background:#00e85f;width:4px;height:4px;margin-right:5px;animation:3s ease-in-out infinite system-status-breathe;display:inline-block;box-shadow:0 0 6px #00ed6277}.system-header nav{letter-spacing:.5px;gap:58px;margin-top:1px;font-size:9px;display:flex}.system-header nav a{color:#238a4a;padding:8px 0;transition:color .2s,text-shadow .2s}.system-header nav a:hover{color:#00ff72;text-shadow:0 0 12px #00e65f80}.system-signal{justify-self:end;gap:4px;margin-top:7px;display:flex}.system-signal i{opacity:.5;background:#00d65a;width:5px;height:7px;animation:3s ease-in-out infinite system-signal}.system-signal i:last-child{opacity:.14}.system-ghost{z-index:-3;letter-spacing:-.085em;white-space:nowrap;color:#052515;opacity:.6;transform:translate(calc(-50% + var(--drift-x)),calc(-43% + var(--drift-y)));-webkit-user-select:none;user-select:none;font-family:Arial,Helvetica,sans-serif;font-size:clamp(130px,24vw,410px);font-weight:900;line-height:.9;transition:transform .8s;animation:9s ease-in-out infinite system-ghost-breathe;position:absolute;top:50%;left:50%}.system-main{min-height:inherit;z-index:4;justify-content:center;align-items:center;max-width:none;height:100%;margin:0;padding:115px 20px;display:flex;position:relative}.system-entry{flex-direction:column;align-items:center;width:min(100%,640px);padding-top:8px;display:flex}.system-overline{letter-spacing:2.6px;color:#226640;margin-bottom:30px;font-size:8px;animation:1.4s .2s both system-reveal}.system-enter{text-align:center;color:var(--neon);text-decoration:none;display:block;position:relative;outline-offset:17px!important}.system-enter h1{letter-spacing:-.045em;color:inherit;text-shadow:0 0 7px #00ff6b60,0 0 24px #00ff6b28;margin:0;font-family:Arial Black,Impact,Courier New,monospace;font-size:clamp(62px,7.6vw,112px);font-weight:900;line-height:.92;transition:filter .3s,text-shadow .3s;transform:scaleX(.94)}.system-enter h1>span{animation:.8s cubic-bezier(.16,1,.3,1) both system-title-enter;display:block;position:relative}.system-enter h1>span:nth-child(2){animation-delay:.11s}.system-enter h1>span:nth-child(3){animation-delay:.22s}.system-enter h1>span:after{content:attr(data-text);color:#63ffb0;opacity:0;pointer-events:none;clip-path:inset(42% 0 45%);text-shadow:none;animation:8.5s 3s infinite system-glitch;position:absolute;inset:0;transform:translate(-3px)}.system-enter:hover h1{color:#28ff81;text-shadow:0 0 10px #00ff6b80,0 0 38px #00ff6b40;filter:brightness(1.1)}.system-terminal{color:#24a557;width:242px;min-height:50px;margin-top:27px;font-size:10px;line-height:1.65;animation:1.3s .35s both system-reveal}.system-terminal p{letter-spacing:.15px;white-space:nowrap;margin:0}.system-terminal p:not(:first-child){opacity:0;transition:opacity .5s,transform .5s;transform:translateY(3px)}.system-terminal p.terminal-visible{opacity:1;transform:translateY(0)}.system-terminal-ok{float:right;color:#23763e;font-size:8px}.system-cursor{margin-left:4px;animation:1.4s step-end infinite system-cursor}.system-access{letter-spacing:1px;color:#10d368;align-items:center;gap:14px;margin-top:43px;padding:13px 15px;font-size:17px;transition:color .2s,text-shadow .2s;animation:1.6s .5s both system-reveal;display:flex}.system-access span{color:#3b9e5f;transition:transform .25s}.system-access b{font-size:14px;font-weight:400}.system-access:hover{color:#7dffb4;text-shadow:0 0 20px #00f36b70}.system-access:hover span:first-child{transform:translate(-5px)}.system-access:hover span:last-child{transform:translate(5px)}.system-login-note{color:#477553;letter-spacing:.15px;margin:6px 0 0;font-family:Noto Sans KR,Arial,sans-serif;font-size:10px;animation:1.8s .6s both system-reveal}.system-bottom{z-index:5;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:27px;left:40px;right:40px}.system-matrix{grid-template-columns:repeat(4,5px);gap:3px;width:29px;display:grid;transform:rotate(180deg)}.system-matrix i{opacity:.1;background:#00df59;width:5px;height:5px;animation:6s ease-in-out infinite system-cell}.system-matrix i:nth-child(3n){opacity:.65}.system-owner{letter-spacing:1.5px;color:#205736;text-align:center;padding-left:110px;font-size:7px;line-height:1.9}.system-owner>span{color:#163c25;letter-spacing:1.9px;font-size:6px;display:block}.system-motion{color:#41835a;letter-spacing:.6px;cursor:pointer;background:#020e07;border:1px solid #10321e;border-radius:3px;align-items:center;gap:8px;padding:9px 11px;font-family:inherit;font-size:8px;display:flex}.system-motion:hover{color:#00f56b;border-color:#1f7a40}.system-motion>span{font-size:10px}.system-landing a:focus-visible{outline-offset:6px;border-radius:2px;outline:1px solid #00f56b}.system-motion:focus-visible{outline-offset:6px;border-radius:2px;outline:1px solid #00f56b}.system-landing.motion-paused *,.system-landing.motion-paused :before,.system-landing.motion-paused :after{animation-play-state:paused!important}.system-landing.motion-paused .system-enter h1>span,.system-landing.motion-paused .system-overline,.system-landing.motion-paused .system-terminal,.system-landing.motion-paused .system-access,.system-landing.motion-paused .system-login-note{opacity:1;transform:none;animation:none!important}.system-landing.motion-paused .system-ghost{--drift-x:0px;--drift-y:0px;transition:none}@keyframes system-title-enter{0%{opacity:0;filter:blur(5px);transform:translateY(13px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes system-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes system-glitch{0%,92%,96%,to{opacity:0;transform:translate(0)}93%,95%{opacity:.35;transform:translate(3px)}}@keyframes system-status-breathe{0%,to{opacity:.4}50%{opacity:1}}@keyframes system-signal{0%,to{opacity:.2;transform:scaleY(.7)}50%{opacity:.8;transform:scaleY(1)}}@keyframes system-cell{0%,to{opacity:.1}50%{opacity:.6}}@keyframes system-cursor{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes system-ghost-breathe{0%,to{opacity:.4}50%{opacity:.7}}@media (min-width:1700px){.system-header{top:65px;left:70px;right:70px}.system-enter h1{font-size:130px}.system-header nav{gap:80px}.system-diagnostics,.system-header nav{font-size:10px}.system-terminal{width:270px;font-size:12px}.system-access{font-size:21px}.system-login-note{font-size:12px}.system-bottom{bottom:35px;left:58px;right:58px}}@media (max-width:700px){.system-landing{min-height:max(600px,100svh)}.system-grid{background-size:64px 64px}.system-header{grid-template-columns:1fr auto;top:28px;left:24px;right:24px}.system-header nav{justify-content:center;gap:21px;font-size:8px;position:absolute;top:72px;left:0;right:0}.system-diagnostics{gap:3px;font-size:6px}.system-signal{gap:3px}.system-signal i{width:4px;height:5px}.system-main{padding-top:150px;padding-bottom:105px}.system-entry{padding-top:0}.system-overline{letter-spacing:1.6px;margin-bottom:30px;font-size:6px}.system-enter h1{font-size:clamp(59px,15vw,86px)}.system-ghost{opacity:.55;font-size:35vw;top:46%}.system-terminal{width:205px;margin-top:23px;font-size:9px}.system-access{margin-top:29px;font-size:15px}.system-login-note{font-size:9px}.system-bottom{bottom:23px;left:24px;right:24px}.system-owner{display:none}.system-matrix{grid-template-columns:repeat(4,4px);gap:3px}.system-matrix i{width:4px;height:4px}.system-vignette{box-shadow:inset 0 0 80px 10px #0009}.system-motion{padding:9px;font-size:7px}.system-overline{color:#368650}}@media (max-height:750px) and (min-width:701px){.system-landing{min-height:560px}.system-header{top:32px}.system-main{padding-top:95px;padding-bottom:75px}.system-overline{margin-bottom:20px}.system-enter h1{font-size:76px}.system-terminal,.system-access{margin-top:20px}.system-entry{padding-top:0}.system-bottom{bottom:20px}}@media (prefers-reduced-motion:reduce){.system-landing *,.system-landing :before,.system-landing :after{transition:none!important;animation:none!important}.system-enter h1>span,.system-overline,.system-terminal,.system-access,.system-login-note{opacity:1;transform:none}.system-enter h1>span:after{display:none}}.system-connection{z-index:20;text-align:center;background:#030b07f5;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.7s .25s both connection-reveal;display:flex;position:absolute;inset:0;overflow:hidden}.system-connection:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00ff6b1c,#0000);border-bottom:1px solid #00ff6b66;animation:1.1s ease-in-out both connection-scan;position:absolute;inset:-100% 0 100%}.system-connection>span{letter-spacing:3px;color:#77bb8d;margin:28px 0 22px;font-size:9px}.system-connection strong{letter-spacing:-2px;color:#00f56b;text-shadow:0 0 25px #00f56b30;font-family:Courier New,monospace;font-size:clamp(29px,4.5vw,62px);font-weight:700;line-height:1.08}.system-connection strong span{font-size:inherit;display:inline-block}.system-connection p{color:#9fbdac;margin:22px 0;font-family:Noto Sans KR,sans-serif;font-size:11px}.connection-ring{border:1px solid #00f56b;border-color:#00f56b #00f56b #275a39 #275a39;border-radius:50%;width:50px;height:50px;animation:1s linear infinite connection-rotate;box-shadow:0 0 25px #00f56b15}.connection-track{background:#143d23;width:180px;height:2px;margin-top:8px;overflow:hidden}.connection-track i{transform-origin:0;background:#00f56b;height:100%;animation:1.1s both connection-progress;display:block}.system-leaving .system-entry{pointer-events:none;animation:.55s cubic-bezier(.22,.65,.3,1) both portal-enter}.system-leaving .system-header,.system-leaving .system-bottom{opacity:0;pointer-events:none;transition:opacity .25s}.system-leaving.motion-paused .system-connection{opacity:1;animation:none!important}.system-leaving.motion-paused .system-entry{opacity:0;animation:none!important}.system-leaving.motion-paused .system-connection:after{display:none}@keyframes portal-enter{0%{opacity:1;transform:scale(1)}to{opacity:0;filter:blur(7px);transform:scale(1.65)}}@keyframes connection-reveal{0%{opacity:0}to{opacity:1}}@keyframes connection-scan{0%{transform:translateY(0)}to{transform:translateY(220%)}}@keyframes connection-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes connection-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.system-leaving .system-entry{opacity:0}.system-connection{opacity:1}.system-connection:after{display:none}}