@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";
.hero-root{--text:#fff;--pss-blue:#1560c4;--pss-blue-deep:#0c3c86;--pss-green:#1e9e3a;--active-toggle:#fff;--pull-easing:cubic-bezier(.32,0,.67,0);--return-easing:cubic-bezier(.175,.885,.32,1.4)}.hero-root *{box-sizing:border-box;margin:0;padding:0;font-family:Pretendard Variable,Pretendard,sans-serif}body.hero-page{color:#fff;word-break:keep-all;background:#05132b;overflow:hidden}.hero{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.hero .blur-overlay{z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(16px);width:100%;height:12vh;position:absolute;left:0}.hero .blur-overlay-top{top:0;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.hero .blur-overlay-bottom{bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 40%);mask-image:linear-gradient(#0000 0%,#000 40%)}.hero-bg-wrapper{z-index:1;position:absolute;inset:0;overflow:hidden}.hero-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.bg-front{z-index:2;transition:transform .5s var(--return-easing),opacity .5s ease,filter .5s ease}.bg-back{z-index:1;filter:blur(1px)brightness(.92);transform:scale(1.06)}.scrim{z-index:2;pointer-events:none;background:radial-gradient(120% 95% at 50% 54%,#060e1c4d 0%,#060e1c1f 44%,#060e1c05 72%,#0000 100%),linear-gradient(#060e1c0f 0%,#0000 34% 68%,#060e1c4d 100%);transition:background .5s;position:absolute;inset:0}.bg-front{filter:brightness(1.16)saturate(1.08)}body.after-mode .bg-front{filter:brightness(1.2)saturate(1.08)contrast(1.02)}body.after-mode .scrim{background:radial-gradient(120% 95% at 50% 54%,#06102042 0%,#0610201a 46%,#06102005 72%,#0000 100%),linear-gradient(#0610200a 0%,#0000 36% 70%,#06102042 100%)}.hero .navbar{z-index:110;justify-content:flex-start;align-items:center;width:100%;padding:22px 30px;display:flex}.hero .logo-container{align-items:center;gap:12px;display:flex}.hero .logo-container img{filter:drop-shadow(0 2px 8px #00000073);width:auto;height:76px;display:block}.cta-button{background:var(--pss-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .3s,background .3s;display:inline-block}.cta-button:hover{background:var(--pss-blue-deep);transform:translateY(-2px);box-shadow:0 10px 20px #1560c44d}.hero-content{text-align:center;z-index:5;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;padding:20px 20px 40px;display:flex}.state-tag{letter-spacing:.12em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-transform:uppercase;background:#00000047;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:7px;margin-bottom:20px;padding:7px 15px;font-size:12.5px;font-weight:700;transition:all .4s;display:inline-flex}.state-tag .dot{background:#e1251b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e1251b40}.state-tag.is-after .dot{background:var(--pss-green);box-shadow:0 0 0 4px #1e9e3a40}.hero-title{letter-spacing:-1px;text-shadow:0 2px 5px #0009,0 0 22px #00000080,0 1px 2px #000000b3;max-width:1000px;margin-bottom:34px;font-size:56px;font-weight:600;line-height:1.1}.title-accent{color:#ff4d42;transition:color .5s}body.after-mode .title-accent{color:#35c158}.title-accent.typing:after{content:"";vertical-align:-.1em;background:currentColor;width:3px;height:.92em;margin-left:5px;animation:.7s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.pss-r{color:#ff4d42}.theme-toggle{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff29;border:1px solid #ffffff38;border-radius:10px;gap:4px;margin:2px 0 26px;padding:2px 1px;display:flex;position:relative;box-shadow:0 10px 30px #0000004d}.toggle-btn{color:inherit;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 46px;transition:color .3s;display:flex}.toggle-btn .label{letter-spacing:.02em;font-size:19px;font-weight:800}.toggle-btn .subtext{opacity:.7;font-size:11px;font-weight:500}.toggle-indicator{background:var(--active-toggle);z-index:0;border-radius:8px;width:calc(50% - 3px);height:calc(100% - 4px);transition:transform .5s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:2px;left:1px;box-shadow:0 4px 12px #0003}.toggle-btn.active{color:var(--pss-blue-deep)!important}.toggle-btn.active .subtext{opacity:.85}.hero-footer{z-index:5;opacity:1;text-shadow:0 1px 4px #000000b3,0 0 16px #0000008c,0 1px 2px #0009;max-width:760px;margin-bottom:24px;font-size:16px;font-weight:500;line-height:1.6}.enter-row{z-index:5;flex-direction:column;align-items:center;gap:10px;margin-bottom:0;display:flex}.enter-hint{opacity:.85;letter-spacing:.04em;text-shadow:0 1px 8px #000000a6,0 1px 2px #00000080;font-size:12px}.pull-down{opacity:.35!important;transition:transform .3s var(--pull-easing),opacity .3s ease!important;transform:translateY(22vh)scale(1.06)!important}.exit-veil{z-index:200;opacity:0;pointer-events:none;background:#fff;justify-content:center;align-items:center;transition:opacity .45s;display:flex;position:fixed;inset:0}.exit-veil.show{opacity:1;pointer-events:auto}.exit-veil img{opacity:0;width:auto;height:88px;transition:opacity .4s .12s,transform .55s cubic-bezier(.175,.885,.32,1.275) .12s;transform:scale(.9)}.exit-veil.show img{opacity:1;transform:scale(1)}@media (max-width:768px){.exit-veil img{height:64px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content>*{animation:1s forwards fadeIn}.state-tag{animation-delay:.1s}.hero-title{animation-delay:.25s}.theme-toggle{animation-delay:.45s}.hero-footer{animation-delay:.6s}.enter-row{animation-delay:.75s}@media (max-width:768px){.hero-content{justify-content:flex-end;padding-bottom:3.5vh}.hero-title{letter-spacing:-.5px;overflow-wrap:break-word;order:1;max-width:calc(100vw - 44px);margin-bottom:20px;font-size:28px}.state-tag{order:2;max-width:calc(100vw - 44px);margin:0 0 16px}.theme-toggle{flex-direction:row;order:3;width:calc(100% - 36px);max-width:400px}.hero-footer{order:4;width:calc(100vw - 44px);max-width:calc(100vw - 44px);font-size:15px}.enter-row{order:5}.hero .navbar{padding:14px 18px}.hero .logo-container img{height:52px}.toggle-btn{flex:1;padding:12px 20px}}body.hero-page{color:#14202e;background:#fff;overflow-y:auto}.hero-root .hero{background:#fff;justify-content:flex-start;height:auto;min-height:100dvh;padding-bottom:44px}.hero-root .hero:before{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,#1e376413 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#1e376413 0 1px,#0000 1px 40px);position:fixed;inset:0;-webkit-mask-image:radial-gradient(112% 92% at 50% 44%,#000 0%,#000000b8 42%,#00000038 68%,#0000 86%);mask-image:radial-gradient(112% 92% at 50% 44%,#000 0%,#000000b8 42%,#00000038 68%,#0000 86%)}.hero-root .hero .navbar{order:1;padding:18px clamp(18px,3vw,34px)}.hero-root .hero .logo-container img{filter:none}.hero-root .hero-bg-wrapper{aspect-ratio:16/7;background:#eef3fb;border-radius:24px;order:2;width:min(1120px,100% - clamp(32px,5vw,64px));max-height:42dvh;margin:4px auto 0;position:relative;inset:auto;box-shadow:0 2px 4px #0c285a1a,0 8px 16px #0c285a1f,0 22px 40px #0c285a2e,0 44px 78px #0c285a29,0 0 0 1px #0c285a0f}.hero-root .hero .blur-overlay,.hero-root .scrim{display:none}.hero-root .bg-front,body.after-mode .hero-root .bg-front{filter:none}.hero-root .hero-content{flex-grow:0;order:3;padding:26px 20px 0}.hero-root .hero-title{color:#14202e;text-shadow:none;margin-bottom:22px;font-size:clamp(30px,3.6vw,46px);font-weight:700}.hero-root .hero-footer{margin-bottom:20px}.hero-root .theme-toggle{margin:0 0 20px}.hero-root .title-accent{color:var(--pss-red,#e1251b)}body.after-mode .hero-root .title-accent{color:var(--pss-green)}.hero-root .pss-r{color:#e1251b}.pss-b{color:#1560c4}.pss-g{color:#1e9e3a}.hero-root .state-tag{color:#42536b;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f4f7fb;border:1px solid #dde5ef}.hero-root .theme-toggle{-webkit-backdrop-filter:none;backdrop-filter:none;background:#eef2f7;border:1px solid #dde4ed;box-shadow:0 6px 18px #0c285a1a}.hero-root .toggle-btn{color:#42536b}.hero-root .toggle-indicator{background:#fff;box-shadow:0 3px 10px #0c285a29}.hero-root .hero-footer{color:#4a5568;text-shadow:none}.hero-root .enter-hint{color:#6b7a90;opacity:1;text-shadow:none}.hero-root .pull-down{opacity:.35!important;transform:translateY(30%)scale(1.06)!important}@media (max-width:768px){.hero-root .hero{min-height:0;padding-bottom:34px}.hero-root .hero-bg-wrapper{aspect-ratio:16/10;border-radius:18px;width:calc(100% - 32px);max-height:34dvh;box-shadow:0 2px 4px #0c285a1a,0 6px 12px #0c285a1f,0 14px 26px #0c285a29,0 26px 46px #0c285a24,0 0 0 1px #0c285a0d}.hero-root .hero-content{justify-content:flex-start;padding:24px 16px 0}.hero-root .hero-title{order:0;margin-bottom:18px}.hero-root .state-tag{order:0;margin:0 0 14px}.hero-root .theme-toggle,.hero-root .hero-footer,.hero-root .enter-row{order:0}}