@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#000;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Roboto,Noto Sans KR,Segoe UI,Malgun Gothic,sans-serif;position:relative}.video-bg-container{z-index:-2;width:100%;height:100%;position:fixed;top:0;left:0}.video-element{object-fit:cover;filter:brightness(.6);width:100%;height:100%}.video-overlay{z-index:-1;background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.header{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;width:100%;height:55px;transition:all .4s;position:fixed;top:0}.header.visible{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;background:#000000d9;border-bottom:1px solid #ffffff26;transform:translateY(0)}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo{color:#fff;font-size:20px;font-weight:700;text-decoration:none}.nav{gap:32px;display:flex}.nav a{color:#ddd;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.nav a:hover{color:#fff}.container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.xp-window{background:#ece9d8;border:3px solid #0054e3;border-color:#0054e3 #0054e3 #003c9c #003c9c;border-radius:8px 8px 0 0;width:100%;max-width:500px;animation:.5s ease-out fadeInUp;box-shadow:0 10px 40px #0006}.xp-titlebar{background:linear-gradient(#0997ff 0%,#0053ee 50%,#0050ee 51%,#0046dc 100%);border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;padding:4px 6px 4px 8px;display:flex}.xp-title{color:#fff;text-shadow:1px 1px 1px #00000080;font-family:Tahoma,sans-serif;font-size:13px;font-weight:700}.xp-buttons{gap:2px;display:flex}.xp-btn{cursor:pointer;border:none;justify-content:center;align-items:center;width:21px;height:21px;font-family:Marlett,sans-serif;font-size:12px;font-weight:700;transition:all .1s;display:flex}.xp-btn.minimize,.xp-btn.maximize{color:navy;background:linear-gradient(#3c8cfc 0%,#1464f4 100%)}.xp-btn.close{color:#fff;background:linear-gradient(#fd9a9a 0%,#f96666 100%)}.xp-btn:hover{filter:brightness(1.1)}.xp-btn:active{filter:brightness(.9)}.xp-content{background:#ece9d8;align-items:flex-start;gap:20px;padding:40px 30px;display:flex}.xp-icon{flex-shrink:0;font-size:48px}.xp-message{flex:1}.xp-text-main{color:#000;margin:0 0 12px;font-family:Tahoma,sans-serif;font-size:16px;font-weight:400}.xp-text-sub{color:#333;margin:0;font-family:Tahoma,sans-serif;font-size:13px;line-height:1.5}.xp-button-area{background:#ece9d8;border-top:1px solid #d4d0c8;justify-content:center;padding:15px 30px 20px;display:flex}.xp-ok-button{color:#000;cursor:pointer;outline-offset:-4px;background:linear-gradient(#fff 0%,#ece9d8 100%);border:1px solid #fff;border-color:#003c74 #fff #fff #003c74;outline:1px dotted #0000;min-width:75px;height:23px;padding:0 12px;font-family:Tahoma,sans-serif;font-size:11px;font-weight:400;box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px #000}.xp-ok-button:hover{background:linear-gradient(#fef9f4 0%,#f3ede1 100%)}.xp-ok-button:active{background:linear-gradient(#e5dfd3 0%,#ece9d8 100%);border-color:#fff #003c74 #003c74 #fff;box-shadow:inset 1px 1px #000,inset -1px -1px #dfdfdf}.xp-ok-button:focus{outline:1px dotted #000}.welcome-screen{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;animation:.8s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.neon{color:#46c6ff;text-shadow:0 0 10px #46c6ff,0 0 30px #46c6ffcc;margin-bottom:10px;font-family:DS-DIGIB,monospace;font-size:clamp(80px,15vw,200px)}.sub{color:#fff;letter-spacing:3px;text-shadow:1px 1px 2px #0000004d;background:#0003;border-radius:4px;padding:5px 15px;font-size:16px;font-weight:600}.apply-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:pointer;letter-spacing:2px;background:#ffffff1a;border:.5px solid #fff;border-radius:6px;margin-top:80px;padding:14px 50px;font-family:Orbitron,sans-serif;font-size:20px;text-decoration:none;transition:all .3s;display:inline-block}.apply-button:hover{color:#000;background:#fff;box-shadow:0 0 20px #ffffff80}.scroll-indicator{z-index:5;flex-direction:column;align-items:center;gap:10px;animation:2s infinite bounce;display:flex;position:absolute;bottom:40px}.scroll-text{letter-spacing:2px;color:#ffffffe6;text-shadow:1px 1px 2px #0000004d;font-size:11px}.scroll-arrow{color:#fff;text-shadow:1px 1px 2px #0000004d;font-size:24px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.footer{color:#e5e7eb;background:#000;border-top:1px solid #1a1a1a;width:100%;padding:60px 20px}.footer-inner{justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;display:flex}.footer-left{flex-direction:column;gap:12px;display:flex}.footer-logo{letter-spacing:1px;color:#fff;font-size:22px;font-weight:700}.footer-desc{color:#9ca3af;font-size:14px}.footer-contact{color:#c4c9cf;letter-spacing:.3px;font-size:13px;font-weight:500}.footer-contact span{color:#8b95a1;font-weight:600}.footer-sns{align-items:center;gap:14px;margin-top:10px;display:flex}.footer-sns a{color:#ffffffd9;justify-content:center;align-items:center;line-height:1;transition:transform .18s,opacity .18s,filter .18s;display:inline-flex}.sns-icon{width:20px;height:20px;display:block}.footer-sns a:hover{opacity:.85;filter:brightness(1.1);transform:translateY(-1px)}@media (max-width:768px){.header-inner{padding:0 16px}.nav{gap:16px}.nav a{font-size:13px}.xp-window{width:90%}.xp-content{padding:30px 20px}.xp-text-main{font-size:16px}.xp-text-sub{font-size:13px}.neon{font-size:100px}.footer-inner{flex-direction:column;gap:30px}.footer-right{text-align:left}}