@keyframes fadeIn{0%{opacity:0;transform:translateY(44px) scale(.98);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes miniMist{0%{transform:translate3d(-4%,0,0);opacity:.24}50%{transform:translate3d(4%,-2%,0);opacity:.4}to{transform:translate3d(-4%,0,0);opacity:.24}}@keyframes runeLine{0%,to{transform:scaleX(.68);opacity:.35}50%{transform:scaleX(1);opacity:.95}}p{color:#f2efe7;font-family:Inter,sans-serif;font-weight:400;line-height:1.75}.fade-in{animation:fadeIn .76s cubic-bezier(.2,.8,.2,1) both}.container-guide{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(154,215,255,.16),transparent 34rem),radial-gradient(circle at 85% 10%,rgba(214,90,50,.12),transparent 28rem),linear-gradient(180deg,#030609,#071018 44%,#030609);isolation:isolate}.container-guide:after,.container-guide:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}.container-guide:before{opacity:.24;background-image:radial-gradient(circle,hsla(0,0%,100%,.5) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(213,161,74,.34) 0 1px,transparent 1.6px);background-size:180px 180px,310px 310px;animation:miniMist 18s ease-in-out infinite}.container-guide:after{opacity:.25;background:radial-gradient(circle at 50% 42%,transparent 0 40%,rgba(0,0,0,.74) 100%),repeating-linear-gradient(90deg,hsla(0,0%,100%,.026) 0 1px,transparent 1px 5px);mix-blend-mode:overlay}.container-guide .bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(3,6,9,.35),rgba(3,6,9,.92)),url(/images/knightLand.png) top/cover fixed;opacity:.36;filter:saturate(.75) contrast(1.18) brightness(.62)}.container-guide .swap{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1440px,100% - clamp(32px,7vw,88px));padding:0 0 160px}.container-guide .char1,.container-guide .title,.container-guide .title-g5,.container-guide .title2{font-family:Cinzel Decorative,Cinzel,serif!important;color:#f2efe7;font-weight:900!important;line-height:1.04;text-shadow:0 16px 42px rgba(0,0,0,.78),0 0 30px rgba(154,215,255,.2)}.container-guide .char,.container-guide .char2{font-family:Inter,sans-serif!important;color:rgba(174,184,194,.98);font-weight:400!important}.container-guide .guide2{position:relative;width:100%;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-start;padding:190px 0 120px}.container-guide .guide2:before{content:"";position:absolute;left:50%;bottom:86px;width:min(620px,70vw);height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(213,161,74,.9),transparent);box-shadow:0 0 26px rgba(213,161,74,.42);animation:runeLine 3.6s ease-in-out infinite}.container-guide .guide2 .content1{position:relative;display:flex;justify-content:space-between;align-items:center;gap:clamp(40px,8vw,120px);width:100%;padding:clamp(42px,6vw,86px);border:1px solid rgba(213,161,74,.34);background:linear-gradient(180deg,rgba(14,22,30,.68),rgba(3,6,9,.82)),radial-gradient(circle at 80% 0,rgba(154,215,255,.13),transparent 24rem);box-shadow:inset 0 0 52px rgba(0,0,0,.52),0 28px 84px rgba(0,0,0,.5)}.container-guide .guide2 .content1:before{content:"";position:absolute;inset:14px;pointer-events:none;border:1px solid rgba(154,215,255,.1)}.container-guide .guide2 .content1 .content-left{position:relative;z-index:1;flex:1 1 56%}.container-guide .guide2 .content1 .content-left .title{font-size:clamp(32px,5vw,64px);text-transform:uppercase}.container-guide .guide2 .content1 .content-left .char{margin-top:30px;font-size:clamp(17px,1.8vw,25px);line-height:1.82}.container-guide .guide2 .content1 .content-left .btn2{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;width:-moz-max-content;width:max-content;min-height:62px;margin-top:42px;padding:0 48px;cursor:pointer;border-radius:2px;border:1px solid rgba(213,161,74,.86);background:linear-gradient(135deg,rgba(255,246,201,.18),transparent 24%),linear-gradient(180deg,#e5b45c,#8c551f);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.32),inset 0 -12px 18px rgba(67,35,8,.42),0 18px 42px rgba(213,161,74,.18);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.container-guide .guide2 .content1 .content-left .btn2 p{color:#14100a;font-family:Cinzel,serif;font-size:20px;line-height:1;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.container-guide .guide2 .content1 .content-left .btn2 img{width:32px;height:32px;filter:brightness(0) saturate(1)}.container-guide .guide2 .content1 .content-left .btn2:hover{transform:translateY(-4px);filter:brightness(1.08);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.38),0 24px 52px rgba(213,161,74,.28),0 0 34px rgba(154,215,255,.2)}.container-guide .guide2 .content1 .content-right{position:relative;z-index:1;flex:0 1 420px;display:grid;place-items:center}.container-guide .guide2 .content1 .content-right:before{content:"";position:absolute;width:min(420px,82vw);aspect-ratio:1;border-radius:50%;border:1px solid rgba(213,161,74,.34);background:radial-gradient(circle,rgba(154,215,255,.1),transparent 58%),conic-gradient(from 20deg,transparent,rgba(213,161,74,.24),transparent,rgba(154,215,255,.18),transparent)}.container-guide .guide2 .content1 .content-right img{position:relative;width:min(430px,34vw);height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 36px 42px rgba(0,0,0,.76)) drop-shadow(0 0 28px rgba(154,215,255,.16));transition:transform .26s ease,filter .26s ease}.container-guide .guide2 .content1 .content-right img:hover{transform:translateY(-9px) scale(1.03);filter:drop-shadow(0 42px 50px rgba(0,0,0,.82)) drop-shadow(0 0 36px rgba(213,161,74,.22))}.container-guide .guide3,.container-guide .guide8{display:flex;flex-direction:column;gap:clamp(40px,8vw,104px);padding:80px 0}.container-guide .guide3 .content1,.container-guide .guide3 .content2,.container-guide .guide8 .content1,.container-guide .guide8 .content2{position:relative;display:flex;justify-content:space-between;align-items:center;gap:clamp(36px,7vw,100px);padding:clamp(36px,5vw,72px);border-top:1px solid rgba(213,161,74,.28);background:linear-gradient(90deg,rgba(213,161,74,.07),transparent 18%),linear-gradient(180deg,rgba(10,17,23,.48),rgba(3,6,9,.18))}.container-guide .guide3 .content1 img,.container-guide .guide3 .content2 img,.container-guide .guide8 .content1 img,.container-guide .guide8 .content2 img{width:min(430px,36vw);height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 34px 42px rgba(0,0,0,.72)) drop-shadow(0 0 24px rgba(154,215,255,.12));transition:transform .24s ease,filter .24s ease}.container-guide .guide3 .content1 img:hover,.container-guide .guide3 .content2 img:hover,.container-guide .guide8 .content1 img:hover,.container-guide .guide8 .content2 img:hover{transform:translateY(-8px) scale(1.02);filter:drop-shadow(0 38px 46px rgba(0,0,0,.8)) drop-shadow(0 0 32px rgba(154,215,255,.22))}.container-guide .guide3 .char1,.container-guide .guide3 .title,.container-guide .guide8 .char1,.container-guide .guide8 .title{font-size:clamp(28px,4vw,52px);text-transform:uppercase}.container-guide .guide3 .char,.container-guide .guide3 .char2,.container-guide .guide8 .char,.container-guide .guide8 .char2{margin-top:20px;font-size:clamp(17px,1.8vw,25px);line-height:1.82}.container-guide .guide4,.container-guide .guide5,.container-guide .guide6,.container-guide .guide7{position:relative;display:flex;flex-direction:column;margin-top:clamp(92px,12vw,170px);padding:0}.container-guide .guide4>.content1,.container-guide .guide4>.title-g6,.container-guide .guide4>.title-g7,.container-guide .guide5>.content1,.container-guide .guide5>.title-g6,.container-guide .guide5>.title-g7,.container-guide .guide6>.content1,.container-guide .guide6>.title-g6,.container-guide .guide6>.title-g7,.container-guide .guide7>.content1,.container-guide .guide7>.title-g6,.container-guide .guide7>.title-g7{margin-bottom:34px}.container-guide .guide4>.content1 .char1,.container-guide .guide4>.content1 .title,.container-guide .guide4>.content1.title-g6 .char1,.container-guide .guide4>.content1.title-g7 .char1,.container-guide .guide4>.title-g6 .char1,.container-guide .guide4>.title-g6 .title,.container-guide .guide4>.title-g6.title-g6 .char1,.container-guide .guide4>.title-g6.title-g7 .char1,.container-guide .guide4>.title-g7 .char1,.container-guide .guide4>.title-g7 .title,.container-guide .guide4>.title-g7.title-g6 .char1,.container-guide .guide4>.title-g7.title-g7 .char1,.container-guide .guide5>.content1 .char1,.container-guide .guide5>.content1 .title,.container-guide .guide5>.content1.title-g6 .char1,.container-guide .guide5>.content1.title-g7 .char1,.container-guide .guide5>.title-g6 .char1,.container-guide .guide5>.title-g6 .title,.container-guide .guide5>.title-g6.title-g6 .char1,.container-guide .guide5>.title-g6.title-g7 .char1,.container-guide .guide5>.title-g7 .char1,.container-guide .guide5>.title-g7 .title,.container-guide .guide5>.title-g7.title-g6 .char1,.container-guide .guide5>.title-g7.title-g7 .char1,.container-guide .guide6>.content1 .char1,.container-guide .guide6>.content1 .title,.container-guide .guide6>.content1.title-g6 .char1,.container-guide .guide6>.content1.title-g7 .char1,.container-guide .guide6>.title-g6 .char1,.container-guide .guide6>.title-g6 .title,.container-guide .guide6>.title-g6.title-g6 .char1,.container-guide .guide6>.title-g6.title-g7 .char1,.container-guide .guide6>.title-g7 .char1,.container-guide .guide6>.title-g7 .title,.container-guide .guide6>.title-g7.title-g6 .char1,.container-guide .guide6>.title-g7.title-g7 .char1,.container-guide .guide7>.content1 .char1,.container-guide .guide7>.content1 .title,.container-guide .guide7>.content1.title-g6 .char1,.container-guide .guide7>.content1.title-g7 .char1,.container-guide .guide7>.title-g6 .char1,.container-guide .guide7>.title-g6 .title,.container-guide .guide7>.title-g6.title-g6 .char1,.container-guide .guide7>.title-g6.title-g7 .char1,.container-guide .guide7>.title-g7 .char1,.container-guide .guide7>.title-g7 .title,.container-guide .guide7>.title-g7.title-g6 .char1,.container-guide .guide7>.title-g7.title-g7 .char1{font-size:clamp(28px,4vw,52px);text-transform:uppercase}.container-guide .guide4>.content1 .char,.container-guide .guide4>.content1 .char2,.container-guide .guide4>.title-g6 .char,.container-guide .guide4>.title-g6 .char2,.container-guide .guide4>.title-g7 .char,.container-guide .guide4>.title-g7 .char2,.container-guide .guide5>.content1 .char,.container-guide .guide5>.content1 .char2,.container-guide .guide5>.title-g6 .char,.container-guide .guide5>.title-g6 .char2,.container-guide .guide5>.title-g7 .char,.container-guide .guide5>.title-g7 .char2,.container-guide .guide6>.content1 .char,.container-guide .guide6>.content1 .char2,.container-guide .guide6>.title-g6 .char,.container-guide .guide6>.title-g6 .char2,.container-guide .guide6>.title-g7 .char,.container-guide .guide6>.title-g7 .char2,.container-guide .guide7>.content1 .char,.container-guide .guide7>.content1 .char2,.container-guide .guide7>.title-g6 .char,.container-guide .guide7>.title-g6 .char2,.container-guide .guide7>.title-g7 .char,.container-guide .guide7>.title-g7 .char2{margin-top:18px;font-size:clamp(16px,1.55vw,22px)}.container-guide .guide5 .title-g5{margin-bottom:30px;font-size:clamp(32px,4vw,56px);text-transform:uppercase}.container-guide .guide4 .content2,.container-guide .guide5 .content1,.container-guide .guide6 .content,.container-guide .guide7 .content{display:flex;gap:28px;justify-content:center;align-items:stretch}.container-guide .guide7 .content{flex-direction:column}.container-guide .guide7 .content .group-box{display:flex;gap:28px;width:100%}.container-guide .box,.container-guide .guide5 .content2{position:relative;overflow:hidden;border-radius:6px;border:1px solid rgba(213,161,74,.34);background:linear-gradient(180deg,rgba(14,22,30,.78),rgba(3,6,9,.9)),radial-gradient(circle at 50% 0,rgba(154,215,255,.12),transparent 18rem);box-shadow:inset 0 0 36px rgba(0,0,0,.54),0 22px 58px rgba(0,0,0,.38);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.container-guide .box:before,.container-guide .guide5 .content2:before{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid rgba(154,215,255,.1);z-index:1}.container-guide .box:hover,.container-guide .guide5 .content2:hover{transform:translateY(-8px);border-color:rgba(213,161,74,.72);box-shadow:inset 0 0 36px rgba(0,0,0,.54),0 28px 72px rgba(0,0,0,.5),0 0 30px rgba(154,215,255,.12)}.container-guide .box .img-bg,.container-guide .guide5 .content2 .img-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.28;filter:saturate(.72) contrast(1.18) brightness(.56)}.container-guide .box>:not(.img-bg),.container-guide .guide5 .content2>:not(.img-bg){position:relative;z-index:2}.container-guide .guide4 .content2 .box{width:33.333%;min-height:250px;padding:42px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center}.container-guide .guide4 .content2 .box .title{font-size:clamp(24px,2.2vw,34px);text-align:center}.container-guide .guide4 .content2 .box .char{margin-top:12px;font-size:16px;line-height:1.75;text-align:center}.container-guide .guide5 .content1 .box{width:33.333%;min-height:410px;padding:40px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center}.container-guide .guide5 .content1 .box .image1{width:180px;height:auto}.container-guide .guide5 .content1 .box .image2{width:118px;height:118px;-o-object-fit:contain;object-fit:contain}.container-guide .guide5 .content1 .box .title,.container-guide .guide5 .content1 .box .title2{margin-top:28px;font-size:clamp(24px,2.2vw,34px);text-align:center}.container-guide .guide5 .content1 .box .char,.container-guide .guide5 .content1 .box .char2{margin-top:22px;font-size:16px;text-align:center}.container-guide .guide5 .content2{display:flex;justify-content:space-evenly;align-items:center;gap:30px;width:100%;min-height:360px;margin-top:30px;padding:54px clamp(28px,6vw,80px)}.container-guide .guide5 .content2 .content-left{display:flex;flex-direction:column;gap:18px}.container-guide .guide5 .content2 .content-left .char1{font-size:clamp(30px,3.4vw,48px)}.container-guide .guide5 .content2 .content-left .char2{font-size:16px}.container-guide .guide5 .content2 .content-right .image{width:130px;height:auto;filter:drop-shadow(0 0 22px rgba(213,161,74,.2))}.container-guide .guide6 .content .box{width:50%;min-height:360px;padding:clamp(34px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:26px}.container-guide .guide6 .content .box .content-left{display:flex;flex-direction:column;gap:14px}.container-guide .guide6 .content .box .content-left .title{font-size:clamp(28px,3vw,44px)}.container-guide .guide6 .content .box .content-left .char{font-size:16px}.container-guide .guide6 .content .box .content-right img{height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(0,0,0,.54)) drop-shadow(0 0 18px rgba(213,161,74,.18))}.container-guide .guide6 .content .box .content-right .image1{width:180px}.container-guide .guide6 .content .box .content-right .image2{width:92px}.container-guide .guide7 .content .group-box .box{width:50%;min-height:500px;padding:36px 30px;display:flex;flex-direction:column;gap:16px}.container-guide .guide7 .content .group-box .box .image{width:min(420px,100%);height:250px;-o-object-fit:contain;object-fit:contain;align-self:center;filter:drop-shadow(0 20px 28px rgba(0,0,0,.56))}.container-guide .guide7 .content .group-box .box .title{font-size:clamp(24px,2.2vw,34px)}.container-guide .guide7 .content .group-box .box .char{font-size:16px}.container-guide .guide8{margin-bottom:40px}.container-guide .guide8 .title-g8{padding-top:80px}.container-guide .guide8 .title-g8 .char1{font-size:clamp(32px,4vw,60px);text-transform:uppercase}.container-guide .guide8 .title-g8 .char2{font-size:clamp(18px,2vw,28px)}.container-guide .guide8 .content1 .content-left,.container-guide .guide8 .content1 .content-right,.container-guide .guide8 .content2 .content-left,.container-guide .guide8 .content2 .content-right{flex:1 1 50%}.container-guide .guide8 .content1 .image,.container-guide .guide8 .content2 .image{width:min(510px,36vw)}@media(max-width:1300px){.container-guide .guide2 .content1{flex-direction:column;text-align:center}.container-guide .guide2 .content1 .content-left{display:flex;flex-direction:column;align-items:center}.container-guide .guide2 .content1 .content-right img{width:min(420px,68vw)}}@media(max-width:1100px){.container-guide .guide3 .content1,.container-guide .guide3 .content2,.container-guide .guide8 .content1,.container-guide .guide8 .content2{flex-direction:column;text-align:center}.container-guide .guide3 .content1 .image,.container-guide .guide3 .content1 img,.container-guide .guide3 .content2 .image,.container-guide .guide3 .content2 img,.container-guide .guide8 .content1 .image,.container-guide .guide8 .content1 img,.container-guide .guide8 .content2 .image,.container-guide .guide8 .content2 img{width:min(440px,74vw)}.container-guide .guide3 .content2,.container-guide .guide8 .content2{flex-direction:column-reverse}.container-guide .guide4 .content2,.container-guide .guide5 .content1,.container-guide .guide6 .content,.container-guide .guide7 .content .group-box{flex-direction:column}.container-guide .guide4 .content2 .box,.container-guide .guide5 .content1 .box,.container-guide .guide6 .content .box,.container-guide .guide7 .content .group-box .box{width:100%}.container-guide .guide5 .content2{flex-direction:column;text-align:center}}@media(max-width:760px){.container-guide .swap{padding:0 18px 96px}.container-guide .guide2{min-height:unset;padding:118px 0 88px}.container-guide .guide2 .content1{padding:34px 20px}.container-guide .guide3,.container-guide .guide8{padding:52px 0}.container-guide .guide3 .content1,.container-guide .guide3 .content2,.container-guide .guide8 .content1,.container-guide .guide8 .content2{padding:30px 18px}.container-guide .guide4,.container-guide .guide5,.container-guide .guide6,.container-guide .guide7{margin-top:74px}.container-guide .guide6 .content .box{flex-direction:column;text-align:center}.container-guide .guide7 .content .group-box .box{min-height:unset}.container-guide .guide7 .content .group-box .box .image{height:210px}}