*{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{min-width:1200px;background:#080811;color:#d7d5e4;font-family:Arial,Helvetica,sans-serif} a{text-decoration:none;color:inherit} button{font-family:inherit;cursor:pointer}:root{--main-bg:url('../images/bg/bg-main.png');--blood:#b80018;--blood2:#ff2634}.page{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(6,6,14,.42),rgba(8,8,17,.88) 22%,rgba(8,8,17,.88) 78%,rgba(6,6,14,.42)),var(--main-bg) top center/cover fixed no-repeat;animation:bgBreath 18s ease-in-out infinite}.page:before{content:"";position:fixed;inset:-40px;pointer-events:none;background:radial-gradient(circle at 50% 20%,rgba(255,80,0,.22),transparent 25%),radial-gradient(circle at 20% 15%,rgba(255,0,30,.18),transparent 20%),radial-gradient(circle at 80% 20%,rgba(255,120,40,.12),transparent 22%),linear-gradient(120deg,transparent 0 45%,rgba(255,255,255,.04) 50%,transparent 55%);mix-blend-mode:screen;animation:mistMove 12s linear infinite;z-index:0}.page:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,0,25,.10) 0 2px,transparent 2px 90px);opacity:.22;animation:bloodRain 7s linear infinite;z-index:0}.top,.content,.footer{position:relative;z-index:1}.top{height:70px;background:rgba(8,7,14,.96);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 8px 30px rgba(0,0,0,.55);position:sticky;top:0;z-index:10}.wrap{width:1240px;margin:0 auto}.top .wrap{width:calc(100% - 40px);max-width:1500px;height:70px;display:flex;align-items:center;flex-wrap:nowrap}.logo{width:220px;min-width:220px;height:58px;margin-right:18px;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px #000,0 0 18px var(--blood2);filter:drop-shadow(0 0 10px #b50012);animation:pulseLogo 2.4s infinite;cursor:pointer;perspective:500px}.logo:hover{filter:drop-shadow(0 0 26px #ff2634)}.logo-text{position:relative;z-index:3;display:inline-flex;gap:1px}.logo-text span{display:inline-block;animation:letterDance 2.2s ease-in-out infinite}.logo-text span:nth-child(2n){animation-delay:.12s}.logo-text span:nth-child(3n){animation-delay:.24s}.logo-text span:nth-child(4n){animation-delay:.36s}.logo-text span:nth-child(5n){animation-delay:.48s}.logo:before{content:"";position:absolute;inset:0;z-index:0}.logo:after{content:"";position:absolute;left:8px;right:8px;top:50%;height:6px;background:linear-gradient(90deg,transparent,#d8d8d8 10%,#fff 45%,#700 48%,#e0001e 55%,#fff 62%,transparent);clip-path:polygon(0 45%,86% 45%,100% 0,92% 50%,100% 100%,86% 55%,0 55%);box-shadow:0 0 15px rgba(255,0,30,.65);z-index:1;animation:swordSpin 4.5s linear infinite;transform-origin:center}.logo-blood{position:absolute;top:38px;width:5px;height:24px;background:linear-gradient(var(--blood2),transparent);border-radius:0 0 8px 8px;animation:logoDrip 2.8s infinite}.logo-blood.b1{left:56px;animation-delay:.1s}.logo-blood.b2{left:132px;height:32px;animation-delay:.8s}.logo-blood.b3{right:48px;height:20px;animation-delay:1.4s}.nav{display:flex;height:70px;flex:1;min-width:0;overflow:hidden}.nav a{height:70px;display:flex;align-items:center;gap:8px;padding:0 13px;border-left:1px solid rgba(255,255,255,.05);font-weight:800;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#82747a;transition:.25s;white-space:nowrap;flex-shrink:0}.nav a:hover,.nav a.active{color:#fff;border-bottom:2px solid #d32d3b;box-shadow:inset 0 -25px 35px rgba(196,35,48,.18),0 0 18px rgba(211,45,59,.15)}.nav i,.side i{color:#d64245;font-style:normal}.top-actions{margin-left:14px;display:flex;gap:8px;flex-shrink:0;white-space:nowrap}.smallbtn,.redbtn,.ghostbtn{height:40px;padding:0 13px;background:#12111a;border:1px solid #2e2a35;color:#b9aeb7;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden;transition:.25s}.redbtn{background:#b90d1e;border-color:#e1293a;color:#fff}.smallbtn:hover,.redbtn:hover,.ghostbtn:hover{transform:translateY(-2px);box-shadow:0 0 18px rgba(255,43,58,.35);color:#fff}.smallbtn:after,.redbtn:after,.ghostbtn:after,.menu-btn:after,.nav a:after,.side-item:after{content:"";position:absolute;left:18%;top:-20px;width:4px;height:22px;background:linear-gradient(var(--blood2),transparent);border-radius:0 0 8px 8px;opacity:0;animation:buttonBlood 3.6s infinite}.redbtn:after,.menu-btn:after,.side-item.active:after{opacity:.85}.smallbtn:hover:after,.ghostbtn:hover:after,.nav a:hover:after,.side-item:hover:after{opacity:.75}.nav a,.side-item{position:relative;overflow:hidden}.smallbtn:before,.redbtn:before,.ghostbtn:before,.menu-btn:before{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-25deg);transition:.55s}.smallbtn:hover:before,.redbtn:hover:before,.ghostbtn:hover:before,.menu-btn:hover:before{left:140%}.content{padding:48px 0 80px}.layout{display:grid;grid-template-columns:330px 1fr;gap:0;background:rgba(17,17,31,.94);border:1px solid #292638;box-shadow:0 25px 80px rgba(0,0,0,.55)}.side{background:rgba(15,15,29,.92);border-right:1px solid #302d3c}.side-item{height:66px;display:flex;gap:18px;align-items:center;padding:0 22px;border-bottom:1px solid #292737;position:relative;transition:.25s;overflow:hidden}.side-item:hover{background:rgba(211,45,59,.12);padding-left:29px}.side-item.active{background:linear-gradient(90deg,rgba(180,31,43,.28),rgba(20,19,34,.7));border-left:3px solid #d22b38}.side i{font-size:24px;width:28px;text-align:center}.side b{display:block;color:#f0edf7;font-size:16px;letter-spacing:.6px}.side span{display:block;color:#6f6b83;font-size:14px;margin-top:4px}.main{min-height:760px;padding:0 40px 55px}.hero-title{height:116px;margin:0 -40px 25px;padding:30px 40px;border-bottom:1px solid #9f2535;background:linear-gradient(90deg,rgba(94,22,48,.45),rgba(18,17,31,.7))}.hero-title .diamond{float:left;width:58px;height:58px;margin-right:26px;border:2px solid #504557;transform:rotate(45deg);display:grid;place-items:center;animation:diamond 3s infinite}.hero-title .diamond span{transform:rotate(-45deg);color:#ff3b46}.hero-title h1{font-size:25px;letter-spacing:3px;text-transform:uppercase;font-weight:500;color:#f6eef3}.hero-title p{margin-top:12px;color:#9b93a7;text-transform:uppercase;letter-spacing:3px;font-size:14px}.page-section{display:none;animation:fade .35s ease}.page-section.active{display:block}.section{margin-top:28px}.section h2{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:4px;color:#b9b6c1;text-transform:uppercase;margin-bottom:24px}.section h2:after{content:"";height:1px;background:#302335;flex:1}.info-list{padding-left:38px;font-size:18px;line-height:36px;color:#9d99ac}.info-list li{list-style:none;position:relative}.info-list li:before{content:'›';position:absolute;left:-20px;color:#cc2938}.red{color:#ff3340}.gold{color:#ffc45e}.table{width:100%;border-collapse:collapse;margin-top:18px;border-left:1px solid #c32032}.table th{height:54px;text-align:left;text-transform:uppercase;letter-spacing:4px;color:#5f5a6e;font-size:13px;padding-left:28px}.table td{height:64px;border-top:1px solid #252334;color:#9d99ac;font-size:14px;padding-left:28px;line-height:22px}.skill{font-weight:800;color:#dcd9e4}.badge{display:inline-block;border:1px solid #7f2530;background:rgba(185,25,38,.12);color:#d14a52;border-radius:5px;padding:9px 14px;font-weight:800;letter-spacing:3px;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}.cards3{grid-template-columns:repeat(3,1fr)}.card{border:1px solid #292638;background:rgba(12,12,23,.55);padding:22px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#9f2535;box-shadow:0 15px 35px rgba(0,0,0,.35),0 0 20px rgba(211,45,59,.14)}.card h3{color:#fff;font-size:17px;margin-bottom:12px}.card p{color:#8d899b;line-height:24px}.item-list{display:grid;gap:10px;margin-top:18px}.item-row{display:flex;align-items:center;gap:12px;border:1px solid #292638;background:rgba(12,12,23,.65);padding:10px 14px;transition:.25s}.item-row:hover{border-color:#9f2535;transform:translateX(5px);box-shadow:0 0 18px rgba(211,45,59,.12)}.item-row img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,60,70,.25))}.item-row b{color:#fff}.item-row span{color:#9d99ac;line-height:22px}.item-row .blue{color:#5ab8ff}.item-row .yellow{color:#f1c40f}.chest-list{display:grid;gap:10px;margin-top:20px}.chest-list .item-row{background:linear-gradient(90deg,rgba(158,39,49,.15),rgba(12,12,23,.72))}.open-box{border:1px solid #9f2535;background:linear-gradient(135deg,rgba(186,18,32,.28),rgba(11,11,22,.8));padding:28px;margin-bottom:28px;text-align:center;box-shadow:0 0 35px rgba(186,18,32,.13)}.open-box h2{font-size:34px;color:#fff;text-transform:uppercase;letter-spacing:3px}.open-box .big{font-size:42px;color:#ff3340;margin:12px 0;text-shadow:0 0 20px rgba(255,51,64,.4)}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.time-card{background:#10101d;border:1px solid #312b3c;padding:18px;border-left:3px solid #d22b38}.time-card b{display:block;color:#fff;font-size:18px;margin-bottom:8px}.time-card span{color:#ff3340;font-weight:800}.menu-btn{width:100%;min-height:55px;border:1px solid #322d3e;background:#11111f;color:#ddd;text-align:left;padding:14px 18px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;position:relative;overflow:hidden;transition:.25s}.menu-btn:hover{border-color:#d22b38;color:#fff;transform:translateX(6px)}.footer{border-top:1px solid #282536;background:#090911;padding:35px 0;color:#625d70;text-align:center}.footer b{color:#d3323e}.section-desc{margin:-12px 0 20px;color:#8d899b;font-size:16px;line-height:28px;border-left:2px solid #9f2535;padding:10px 16px;background:rgba(12,12,23,.35)}@keyframes bgBreath{0%,100%{background-size:auto,100% auto;background-position:center top}50%{background-size:auto,108% auto;background-position:center 2%}}@keyframes mistMove{0%{transform:translate3d(-2%,0,0) scale(1.02)}50%{transform:translate3d(2%,1%,0) scale(1.06)}100%{transform:translate3d(-2%,0,0) scale(1.02)}}@keyframes bloodRain{from{background-position:0 -90px}to{background-position:0 90px}}@keyframes logoDrip{0%,100%{transform:translateY(-8px) scaleY(.25);opacity:0}25%{opacity:.9}65%{transform:translateY(22px) scaleY(1);opacity:.75}90%{opacity:0}}@keyframes buttonBlood{0%,100%{transform:translateY(-12px);opacity:0}20%{opacity:.8}70%{transform:translateY(58px);opacity:.55}95%{opacity:0}}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulseLogo{0%,100%{filter:drop-shadow(0 0 8px #b50012)}50%{filter:drop-shadow(0 0 24px #ff2634)}}@keyframes letterDance{0%,100%{transform:translateY(0) rotateY(0) scale(1);color:#fff}25%{transform:translateY(-4px) rotateY(18deg) scale(1.05);color:#ffccd1}50%{transform:translateY(3px) rotateY(-18deg) scale(.98);color:#ff3340}75%{transform:translateY(-2px) rotateZ(3deg) scale(1.04);color:#fff}}@keyframes swordSpin{0%{transform:rotateX(0deg) rotateZ(0deg)}50%{transform:rotateX(180deg) rotateZ(2deg)}100%{transform:rotateX(360deg) rotateZ(0deg)}}@keyframes diamond{0%,100%{box-shadow:0 0 0 rgba(255,51,64,0)}50%{box-shadow:0 0 22px rgba(255,51,64,.35)}}@keyframes bgFloat{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-12px)}}@media(max-width:900px){body{min-width:0}.wrap{width:100%;padding:0 14px}.top{height:auto}.top .wrap{width:100%;height:auto;flex-wrap:wrap;padding:10px}.nav{overflow:auto;width:100%;height:52px}.nav a{height:52px;padding:0 14px;font-size:12px;white-space:nowrap}.top-actions{margin:10px 0 0 auto}.layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr}.side-item{height:58px;padding:0 12px}.side span{display:none}.main{padding:0 18px 40px}.hero-title{margin:0 -18px 24px;padding:24px 18px}.hero-title h1{font-size:20px}.grid,.cards3,.timeline{grid-template-columns:1fr}}