.lg.ecl{--ecl-black:#07080c;--ecl-white:#fff4e3;--ecl-amber:#ffab3d;--k-br:var(--ecl-amber);--k-br2:#ffc876;--k-on:#1a1206;--k-grad:linear-gradient(135deg, #ffb955, #ff9a2e);--k-brink:#ffc26b;--k-soft:#ffab3d1f;--k-acc:var(--ecl-amber);--k-good:#5fd6a8;--k-bg:var(--ecl-black);--k-sf:#111319;--k-ln:#fff4e324;--k-t1:var(--ecl-white);--k-t2:#fff4e3bd;--k-t3:#fff4e38f;--k-nv:var(--ecl-white);--k-sh:0 30px 80px -30px #ff962847, 0 0 0 1px #fff4e30f;--k-bd:1px solid var(--k-ln);--l-br:var(--k-br);--l-br-d:var(--k-brink);--l-nv:var(--k-nv);--l-t1:var(--k-t1);--l-t2:var(--k-t2);--l-t3:var(--k-t3);--l-ln:var(--k-ln);--l-sf:var(--k-sf);background:var(--ecl-black);color:var(--k-t1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}.lg.ecl .ecl-sky{pointer-events:none;background:radial-gradient(55% 65% at 24%,#ff96281f 0,#0000 62%),radial-gradient(40% 50% at 85% 10%,#ffbe6e0d 0,#0000 70%);position:absolute;inset:0}.lg.ecl .lg-wm b{letter-spacing:.2em;color:var(--ecl-white);align-items:center;gap:12px;font-size:19px;font-weight:800;display:inline-flex}.lg.ecl .lg-wm b em{letter-spacing:.12em;color:var(--k-t2);margin-left:-.3em;font-style:normal;font-weight:500}.lg.ecl .ecl-mark{filter:drop-shadow(0 0 10px #ffab3d80);flex:none;width:auto;height:40px;margin:-8px -2px -8px -4px}.lg.ecl .lg-motto{font-family:var(--f-brand), system-ui, sans-serif;letter-spacing:.34em;color:var(--k-t3);font-size:12.5px;font-weight:500}.lg.ecl .ecl-hero{grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;min-height:min(640px,100dvh - 150px);display:grid;position:relative}.lg.ecl .ecl-art{pointer-events:none;width:min(43%,520px);position:absolute;top:50%;left:0;transform:translateY(-50%)}.lg.ecl .ecl-art:before{content:"";filter:blur(6px);background:radial-gradient(closest-side,#ff962852,#ff962800);border-radius:50%;height:16%;position:absolute;bottom:-6%;left:8%;right:14%}.lg.ecl .ecl-spark{filter:drop-shadow(0 28px 60px #ff8c1e4d);width:100%;height:auto;animation:6s ease-in-out infinite ecl-float;display:block;position:relative}@keyframes ecl-float{0%,to{translate:0}50%{translate:0 -10px}}.lg.ecl .ecl-copy{z-index:2;margin-left:47%;padding:12px 0;position:relative}.lg.ecl .ecl-copy h1{font-family:var(--f-disp), "Pretendard", "Malgun Gothic", sans-serif;letter-spacing:-.035em;color:var(--ecl-white);text-wrap:balance;margin:0;font-size:clamp(34px,4.3vw,62px);font-weight:900;line-height:1.18}.lg.ecl .ecl-sub{color:var(--k-brink);margin:18px 0 0;font-size:clamp(16px,1.5vw,21px);font-weight:600}.lg.ecl .ecl-intro{color:var(--k-t2);background:#ffab3d14;border:1px solid #ffab3d6b;border-radius:999px;align-items:center;gap:8px;margin:24px 0 0;padding:11px 18px 11px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.lg.ecl .ecl-intro b{color:var(--k-brink);font-weight:800}.lg.ecl .ecl-intro:after{content:"";border-top:2px solid var(--k-brink);border-right:2px solid var(--k-brink);flex:none;width:7px;height:7px;margin-left:2px;transform:rotate(45deg)}.lg.ecl .ecl-intro:hover{background:#ffab3d26;border-color:#ffab3db3}.lg.ecl .ecl-intro:focus-visible{outline:2px solid var(--k-brink);outline-offset:3px}.lg.ecl .ecl-steps{border-top:1px solid var(--k-ln);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:44px 0 0;padding:0;list-style:none;display:grid}.lg.ecl .ecl-steps li{flex-direction:column;gap:5px;min-width:0;padding:16px 16px 0 0;display:flex}.lg.ecl .ecl-steps li+li{border-left:1px solid var(--k-ln);padding-left:16px}.lg.ecl .ecl-steps span{font-family:var(--f-brand), system-ui, sans-serif;letter-spacing:.2em;color:var(--ecl-amber);font-size:12px;font-weight:700}.lg.ecl .ecl-steps b{color:var(--ecl-white);font-size:16px;font-weight:800}.lg.ecl .ecl-steps small{color:var(--k-t3);word-break:keep-all;font-size:13px;line-height:1.55}.lg.ecl .lg-card{border:1px solid var(--k-ln);box-shadow:var(--k-sh);-webkit-backdrop-filter:blur(14px);background:linear-gradient(#fff4e30f,#fff4e306)}.lg.ecl .lg-in{background:#fff4e30a}.lg.ecl .lg-in input{color:var(--ecl-white);caret-color:var(--ecl-amber)}.lg.ecl .lg-in input:-webkit-autofill{-webkit-text-fill-color:var(--ecl-white);box-shadow:inset 0 0 0 40px #15171e}.lg.ecl .lg-go{color:var(--k-on);box-shadow:0 14px 34px -12px #ffa0328c}.lg.ecl .lg-go:hover:not(:disabled){background:#ffc061}.lg.ecl .lg-join{color:var(--ecl-white);background:#fff4e30f}.lg.ecl .lg-join:hover{color:var(--ecl-white);background:#fff4e31c}.lg.ecl .lg-ok,.lg.ecl .lg-err{padding-left:42px;position:relative}.lg.ecl .lg-ok{border:1px solid var(--k-ln);color:var(--k-t2);background:#fff4e30d}.lg.ecl .lg-ok b{color:var(--ecl-white)}.lg.ecl .lg-err{color:#ffc2bb;background:#ff6e641a;border:1px solid #ff827857}.lg.ecl .lg-err b{color:#ffe1dd}.lg.ecl .lg-ok:before,.lg.ecl .lg-err:before{content:"";background:50%/12px no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;top:13px;left:14px}.lg.ecl .lg-ok:before{background-color:#5fd6a829;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235fd6a8' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}.lg.ecl .lg-err:before{background-color:#ff82782e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a90' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M12 6.5v7M12 18h.01'/%3E%3C/svg%3E")}.lg.ecl .lgs-queue-steps li.now i{animation:2.4s ease-in-out infinite ecl-breathe}@keyframes ecl-breathe{50%{box-shadow:0 0 0 8px #ffab3d0f}}@media (prefers-reduced-motion:reduce){.lg.ecl .ecl-spark,.lg.ecl .lgs-queue-steps li.now i{animation:none}}@media (max-width:1500px){.lg.ecl .ecl-steps small{font-size:12.5px}.lg.ecl .ecl-steps li{padding-right:10px}.lg.ecl .ecl-steps li+li{padding-left:12px}}@media (max-width:1240px){.lg.ecl .ecl-steps small{display:none}}@media (max-width:1100px){.lg.ecl .ecl-sky{background:radial-gradient(80% 34% at 50% 15%,#ff962826 0,#0000 70%)}.lg.ecl .lg-top{justify-content:center;padding-top:20px}.lg.ecl .lg-wm b{letter-spacing:.24em;font-size:17px}.lg.ecl .lg-top .ecl-mark{display:none}.lg.ecl .lg-body{padding:0 16px calc(36px + env(safe-area-inset-bottom))}.lg.ecl .ecl-hero{text-align:center;min-height:0;padding:22px 0 28px}.lg.ecl .ecl-art{width:124px;margin:0 auto 18px;position:relative;top:auto;transform:none}.lg.ecl .ecl-copy{margin-left:0;padding:0}.lg.ecl .ecl-copy h1{font-size:30px;line-height:1.22}.lg.ecl .ecl-sub{margin:12px 0 0;font-size:15.5px}.lg.ecl .ecl-intro{margin:20px 0 0;padding:10px 16px 10px 18px;font-size:14px}.lg.ecl .ecl-steps{display:none}.lg.ecl .lg-card{border-radius:24px;margin-top:0;padding:28px 22px 26px}.lg.ecl .lg-card h2{font-size:25px}.lg.ecl .lg-card .lead{margin:0 0 24px;font-size:14.5px}.lg.ecl .lg-fld{margin-bottom:16px}.lg.ecl .lg-or{align-items:center;gap:12px;margin:28px 0 14px;font-size:13.5px;display:flex}.lg.ecl .lg-or:before,.lg.ecl .lg-or:after{content:"";background:var(--k-ln);flex:1;height:1px}.lg.ecl .lg-foot{border-top:1px solid var(--k-ln);justify-content:flex-start;margin-top:22px;padding-top:18px}.lg.ecl .lg-login{flex-direction:column;display:flex}.lg.ecl .lg-login .lg-row{display:contents}.lg.ecl .lg-login .lg-row a{align-self:flex-end;margin:-4px 0 0;padding:6px 2px;font-size:14px}.lg.ecl .lg-login .lg-go{margin-top:16px}.lg.ecl .lg-login .lg-row .keep{color:var(--k-t3);order:1;align-self:center;margin-top:14px;font-size:13px;font-weight:600}.lg.ecl .lg-login .lg-row .keep i{width:18px;height:18px}.lg.ecl .lg-login .lg-kakao{order:1;margin-top:14px}.lg.ecl .lg-login .lg-or,.lg.ecl .lg-login .lg-join,.lg.ecl .lg-login .lg-foot{order:2}}.lg.ecl .lg-crew{color:var(--k-brink);letter-spacing:-.01em;background:#ffab3d1f;border-radius:999px;align-items:center;gap:5px;margin:0 0 14px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.lg.ecl .lg-crew span{color:var(--k-t2);font-weight:700}.lg.ecl:has(.lg-invite) .ecl-intro{display:none}@media (max-width:900px){.lg.ecl:has(.lg-invite) .ecl-hero{display:none}.lg.ecl:has(.lg-invite) .lg-body{padding-top:14px}.lg.ecl .lg-invite .lg-crew{margin-bottom:12px}}