:root{color-scheme:dark;--bg:#030b17;--cyan:#69e5ff;--muted:#a4b6ce}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f8ff;font-family:Arial,'Malgun Gothic',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.skip{position:fixed;top:-80px;z-index:30}.skip:focus{top:0;background:#123;padding:15px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #84caff22;background:#041020eb;position:relative;z-index:10}.brand{font-size:24px;font-weight:800;letter-spacing:-1px}.brand span{font-size:12px;vertical-align:top;margin-left:5px}nav{display:flex;gap:38px;font-size:14px}nav a:hover,nav a[aria-current]{color:var(--cyan)}#menu{display:none;border:1px solid #436078;background:transparent;border-radius:8px;padding:5px 12px}.hero{min-height:660px;height:calc(100svh - 88px);max-height:850px;position:relative;overflow:hidden;display:flex;align-items:center}.scene{position:absolute;inset:-3%;background:url('/assets/portal.webp') 80% center/cover;transform:translate3d(var(--mx,0px),var(--sy,0px),0) scale(1.04);will-change:transform}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020a17 0%,#020a17dd 22%,#020a1755 56%,transparent),linear-gradient(0deg,#030b17,transparent 25%);pointer-events:none}.hero-content{position:relative;z-index:2;margin-left:6%;max-width:650px;animation:enter 1.1s both}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--cyan);font-weight:700}.hero h1{font-size:clamp(42px,5.3vw,78px);letter-spacing:-4px;line-height:1.16;margin:23px 0}.hero h1 em{color:var(--cyan);font-style:normal}.hero p{color:#c4d5e9;max-width:510px;font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:12px 24px;border-radius:8px;border:1px solid #6492b4;background:#08223b66;font-size:14px;transition:box-shadow .25s,transform .25s}.btn.primary{background:linear-gradient(130deg,#12c5ef,#0365eb);border-color:#75eaff;box-shadow:0 0 24px #008fff55}.btn:hover{transform:translateY(-3px);box-shadow:0 0 26px #29b8ff55}.btn[disabled]{opacity:.55;cursor:default;transform:none}.scroll{position:absolute;bottom:40px;left:6%;z-index:2;font-size:12px;color:#b6d5ea;letter-spacing:1px}.portal{position:absolute;right:22%;top:12%;height:65%;width:24%;border:1px solid #7deaff88;box-shadow:0 0 35px #6eefff66,inset 0 0 25px #70dfff33;transform:skewY(-8deg);z-index:1;animation:breathe 5s infinite}.portal:after{content:'';position:absolute;width:12px;height:12px;background:white;box-shadow:0 0 20px 9px #76eaff;border-radius:50%;animation:orbit 9s linear infinite}.particles{position:absolute;inset:0;z-index:1;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:#b8f7ff;border-radius:50%;box-shadow:0 0 10px #52cfff;animation:float 7s ease-in-out infinite alternate}.section{max-width:1440px;margin:auto;padding:76px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}h2{font-size:34px;letter-spacing:-1.5px;line-height:1.25;margin:10px 0}h3{line-height:1.3;margin:14px 0;font-size:26px}.section-head p{color:var(--muted);font-size:14px}.text-link{color:var(--cyan);font-size:14px;white-space:nowrap}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{position:relative;overflow:hidden;border:1px solid #447a9f;background:radial-gradient(ellipse at 100% 0%,#134d8044,transparent 70%),#071525;border-radius:14px;min-height:370px;padding:36px;transition:transform .4s,border-color .4s}.card:hover{transform:perspective(1000px) rotateX(1deg) translateY(-6px);border-color:#8deaff}.card-content{position:relative;z-index:2;max-width:58%}.icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#5ddfff,#0052ff);display:grid;place-items:center;font-weight:800;font-size:32px;box-shadow:0 0 20px #228fff55}.purple .icon{background:linear-gradient(135deg,#cea2ff,#6343ff);font-size:20px}.card h3{font-size:28px;margin-bottom:4px}.subtitle{color:var(--cyan);font-weight:bold}.purple .subtitle{color:#b8a8ff}.card p{color:#bdcde0;font-size:14px}.card-image{position:absolute;right:0;bottom:20px;width:43%;height:85%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 90%,transparent);transition:transform 1s}.card:hover .card-image{transform:translateY(-8px) rotate(2deg)}.card .actions{gap:8px}.card .btn{padding:9px 14px;font-size:12px;gap:8px}.tags{margin-top:26px;font-size:10px;color:#a4b9d0;letter-spacing:1px}.coming{margin-top:22px;padding:30px 36px;border:1px solid #335f82;border-radius:12px;background:radial-gradient(ellipse at 75% 200%,#25b9ff88,transparent 60%),#051323;display:flex;justify-content:space-between;align-items:center}.coming h3{font-size:32px;margin:8px 0}.coming p{font-size:14px;color:var(--muted)}.orb{width:180px;height:70px;border-top:2px solid #80dcff;border-radius:50%;box-shadow:0 -12px 32px #43baff33}.about{border-top:1px solid #213d59;background:linear-gradient(135deg,#081c32,#030b17)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value{padding:28px;border:1px solid #294c6c;border-radius:10px;background:#0b1e30}.value b{color:var(--cyan);font-size:26px}.value h3{font-size:19px}.value p{color:var(--muted);font-size:14px}.bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.notice{padding:20px 0;border-top:1px solid #294055;color:#b5c8db;font-size:14px}.contact{padding:30px;border:1px solid #355c7b;border-radius:12px;background:radial-gradient(at 100% 0%,#1567a244,transparent),#071626}.contact p{color:var(--muted)}footer{border-top:1px solid #254460;padding:35px 6%;display:flex;align-items:center;gap:28px;flex-wrap:wrap;color:#a0b7ce;font-size:12px}footer .brand{color:white;font-size:20px}footer div{margin-left:auto;display:flex;gap:22px}footer small{width:100%}.detail{min-height:70vh;max-width:1200px;padding:85px 6%;margin:auto}.detail h1{font-size:clamp(38px,6vw,70px);line-height:1.15;letter-spacing:-2px;margin:22px 0}.detail>p{max-width:720px;color:#b7c9df;font-size:18px}.detail .cards{margin-top:40px}.detail-art{float:right;width:34%;max-height:370px;object-fit:contain}.info{padding:24px;background:#0a1c2f;border:1px solid #294a66;border-radius:10px;margin-top:30px;color:#aec5d9}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.motion-toggle{position:absolute;bottom:35px;right:6%;z-index:3;background:#041526aa;border:1px solid #4e7a98;border-radius:20px;padding:8px 15px;font-size:11px}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes float{to{transform:translate(15px,-35px);opacity:.25}}@keyframes breathe{50%{opacity:.5;box-shadow:0 0 20px #6eefff44}}@keyframes orbit{0%{top:0;left:0}25%{top:0;left:100%}50%{top:100%;left:100%}75%{top:100%;left:0}100%{top:0;left:0}}html{scroll-behavior:smooth}.paused *, .paused *:before,.paused *:after{animation:none!important;transition:none!important}.paused .scene{transform:none}.paused .reveal{opacity:1;transform:none}@media(max-width:760px){header{height:72px}.brand{font-size:20px}#menu{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#061628;padding:24px;flex-direction:column;gap:20px}nav.open{display:flex}.hero{height:720px;min-height:0;align-items:end;padding-bottom:130px}.scene{background-position:65% center}.hero:after{background:linear-gradient(0deg,#030b17 4%,#030b17dd 35%,#030b1722 100%)}.hero-content{margin:0 6%}.hero h1{font-size:44px;letter-spacing:-2px}.hero p{font-size:14px}.portal{right:20%;top:8%;width:36%;height:40%}.section{padding:48px 6%}.section-head{align-items:start;flex-wrap:wrap}h2{font-size:28px}.cards,.values,.bottom{grid-template-columns:1fr}.card{padding:26px;min-height:355px}.card-content{max-width:63%}.card-image{width:40%}.coming{padding:24px}.coming h3{font-size:25px}.orb{width:70px}.bottom{gap:30px}footer{gap:15px}footer div{margin-left:0}.detail{padding:50px 6%}.detail-art{float:none;width:70%;display:block;margin:20px auto}.detail>p{font-size:16px}.motion-toggle{bottom:36px}.scroll{bottom:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene{transform:none!important}.reveal{opacity:1;transform:none}}
.background-paused *, .background-paused *:before,.background-paused *:after{animation-play-state:paused!important}