
:root{
 --mf-bg:#070914;--mf-panel:#0d1220;--mf-panel2:#11182a;--mf-line:rgba(113,150,255,.22);
 --mf-blue:#59a9ff;--mf-violet:#8d6cff;--mf-gold:#e7bb63;--mf-text:#f3f6ff;--mf-muted:#8995ad;
}
html,body{background:#070914!important;color:var(--mf-text)!important;font-family:Poppins,Arial,sans-serif!important;}
body{background-image:linear-gradient(180deg,rgba(4,6,14,.18),#070914 74%),url('../img/background.jpg')!important;background-size:cover;background-attachment:fixed;background-position:center top;}
a{color:#78b8ff} a:hover{color:#b8d6ff;text-decoration:none}
.mf-wrap{width:1180px;max-width:calc(100% - 32px);margin:0 auto}
.mf-top{background:rgba(4,7,15,.92);border-bottom:1px solid rgba(120,160,255,.12);font-size:11px;letter-spacing:.7px}
.mf-top-inner{height:38px;display:flex;align-items:center;justify-content:space-between}
.mf-mini-brand{color:#9ba8c0}.mf-mini-brand span{color:var(--mf-violet);padding:0 7px}.mf-account a{margin-left:20px;color:#b9c5db}.mf-account a:hover{color:#fff}
.mf-header{position:absolute;top:38px;left:0;right:0;z-index:20;background:linear-gradient(180deg,rgba(5,8,18,.92),rgba(5,8,18,.18));}
.mf-nav{min-height:92px;display:flex;align-items:center;gap:35px}
.mf-logo{min-width:210px;display:flex;align-items:baseline;gap:8px;text-decoration:none!important}
.mf-logo-main{font-family:Cinzel,serif;font-weight:800;font-size:30px;letter-spacing:2px;color:#fff;text-shadow:0 0 18px rgba(100,150,255,.75)}
.mf-logo-sub{font-size:10px;letter-spacing:3px;color:#7ea9ff}
.mf-menu{display:flex;align-items:center;gap:4px;flex:1;justify-content:flex-end}
.mf-menu a{padding:12px 10px;color:#c3ccdd;font-size:11px;font-weight:700;letter-spacing:.7px;transition:.2s}
.mf-menu a:hover,.mf-menu a.active{color:#fff;background:rgba(91,134,255,.12);box-shadow:inset 0 -2px 0 var(--mf-blue)}
.mf-menu a.mf-buy{border:1px solid rgba(100,160,255,.4);border-radius:5px;margin-left:5px;color:#9fc9ff}
.mf-menu a.mf-buy.gold{color:#f3cf7e;border-color:rgba(231,187,99,.42)}
.mf-menu-toggle{display:none;background:none;border:1px solid #33405b;color:#fff;padding:9px 12px;border-radius:4px}
.mf-hero{min-height:680px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,8,18,.9) 0%,rgba(6,10,20,.56) 42%,rgba(7,9,17,.15) 100%),url('../img/background-2600.jpg') center top/cover no-repeat}
.mf-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 45%,rgba(88,137,255,.17),transparent 32%),linear-gradient(180deg,transparent 58%,#070914 100%)}
.mf-hero-content{position:relative;z-index:2;padding-top:225px}
.mf-hero-copy{max-width:650px}
.mf-kicker{font-size:13px;letter-spacing:5px;color:#9cbaff;margin-bottom:12px}
.mf-hero h1{font-family:Cinzel,serif;font-size:70px;line-height:1;margin:0;color:#fff;text-shadow:0 0 30px rgba(94,146,255,.45);letter-spacing:4px}
.mf-tagline{font-family:Cinzel,serif;color:#aeb9ce;font-size:20px;margin:12px 0 26px}
.mf-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--mf-line);border-bottom:1px solid var(--mf-line);padding:15px 0;margin-bottom:28px}
.mf-stats div{padding:0 14px;border-right:1px solid rgba(100,140,220,.13)}.mf-stats div:first-child{padding-left:0}.mf-stats div:last-child{border:0}
.mf-stats strong{display:block;font-family:Cinzel,serif;color:#fff;font-size:17px}.mf-stats span{font-size:9px;color:#77859e;letter-spacing:1px}
.mf-cta{display:flex;gap:12px}.mf-btn{display:inline-flex!important;align-items:center;gap:9px;padding:13px 20px;border-radius:4px;font-weight:800;font-size:11px;letter-spacing:1px;text-decoration:none!important}
.mf-btn.primary{color:#06101e;background:linear-gradient(90deg,#62b5ff,#8d6cff);box-shadow:0 8px 28px rgba(72,125,255,.25)}
.mf-btn.secondary{color:#f5d98d;border:1px solid rgba(231,187,99,.48);background:rgba(17,19,31,.68)}
.mf-features{position:relative;z-index:4;margin-top:-52px}
.mf-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(12,17,30,.94);border:1px solid var(--mf-line);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.mf-feature{display:flex;gap:14px;padding:22px 20px;border-right:1px solid rgba(100,140,220,.12)}.mf-feature:last-child{border:0}
.mf-feature i{font-size:25px;color:#76b8ff;margin-top:3px}.mf-feature b{display:block;font-size:11px;letter-spacing:.8px}.mf-feature span{display:block;color:#77849a;font-size:10px;line-height:1.5;margin-top:4px}
.mf-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:28px}
.mf-card,.mf-server-strip,.mf-page-head{background:linear-gradient(180deg,rgba(16,23,40,.94),rgba(9,13,24,.94));border:1px solid var(--mf-line);box-shadow:0 14px 40px rgba(0,0,0,.2)}
.mf-card{padding:20px}.mf-card-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(100,140,220,.15);padding-bottom:13px;margin-bottom:4px;font-family:Cinzel,serif;font-size:15px}.mf-card-title a{font-family:Poppins,sans-serif;font-size:9px;letter-spacing:1px}
.mf-rank-row{display:grid;grid-template-columns:42px 1fr 70px;align-items:center;padding:12px 5px;border-bottom:1px solid rgba(100,140,220,.09);font-size:11px}.mf-rank-row b{color:#7fbaff;font-family:Cinzel,serif}.mf-rank-row em{font-style:normal;color:#77849a;text-align:right;font-size:9px}
.mf-server-strip{margin-top:18px;margin-bottom:35px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.mf-server-strip small{color:#7eaaff;letter-spacing:2px}.mf-server-strip h2{font-family:Cinzel,serif;margin:6px 0;font-size:22px}.mf-server-strip p{margin:0;color:#7f8ca2;font-size:12px}
.mf-main{padding-bottom:45px}.mf-page-head{margin:115px 0 20px;padding:28px}.mf-page-head span{color:#7eafff;font-size:10px;letter-spacing:3px}.mf-page-head h1{font-family:Cinzel,serif;margin:6px 0;font-size:34px}.mf-page-head p{color:#76839a;font-size:10px;letter-spacing:2px;margin:0}
.mf-module-area{display:flex;gap:20px}.mf-module-full,.mf-module-col{min-width:0;flex:1}.mf-side{width:310px}
.mf-module-full>.panel,.mf-module-col>.panel,.mf-side .panel{background:rgba(13,18,32,.95)!important;border:1px solid var(--mf-line)!important;border-radius:4px!important;color:#dce5f5!important}
.panel-heading{background:rgba(21,30,51,.95)!important;border-color:var(--mf-line)!important;color:#fff!important}.panel-title{font-family:Cinzel,serif!important;letter-spacing:.5px}
.panel-body{background:transparent!important}.table>thead>tr>th,.table>tbody>tr>td,.table>tbody>tr>th{border-color:rgba(110,145,210,.13)!important;color:#c9d3e6}.form-control{background:#080d18!important;border:1px solid #26334d!important;color:#eaf1ff!important}.btn-primary{background:linear-gradient(90deg,#4b9cff,#785cff)!important;border:0!important}.pagination>li>a,.pagination>li>span{background:#0d1423;border-color:#26334d;color:#8fbeff}
.alert{background:#111a2b!important;border-color:#2a3b59!important;color:#d8e3f5!important}
.mf-footer{background:#050812;border-top:1px solid rgba(100,140,220,.15);padding:30px 0;color:#748198}.mf-footer .footer-container{max-width:1180px!important;width:calc(100% - 32px);margin:0 auto}.mf-footer a{color:#8fa7c9}.mf-footer hr{border-color:rgba(100,140,220,.12)}
@media(max-width:1000px){
 .mf-menu{gap:0}.mf-menu a{padding:10px 7px;font-size:9px}.mf-logo{min-width:180px}
}
@media(max-width:820px){
 .mf-header{position:relative;top:auto;background:#070b15}.mf-nav{min-height:76px;justify-content:space-between}.mf-menu-toggle{display:block}.mf-menu{display:none;position:absolute;top:76px;left:0;right:0;background:#080d18;border-top:1px solid var(--mf-line);padding:10px;flex-direction:column;align-items:stretch}.mf-menu.open{display:flex}.mf-menu a{padding:13px}.mf-hero{min-height:620px}.mf-hero-content{padding-top:125px}.mf-hero h1{font-size:48px}.mf-feature-grid,.mf-home-grid{grid-template-columns:1fr 1fr}.mf-module-area{display:block}.mf-side{width:auto;margin-top:20px}
}
@media(max-width:560px){
 .mf-top-inner{height:auto;padding:8px 0;display:block;text-align:center}.mf-account{margin-top:4px}.mf-account a{margin:0 7px}.mf-logo-main{font-size:24px}.mf-hero{min-height:650px}.mf-stats{grid-template-columns:1fr 1fr;gap:14px}.mf-stats div{border:0;padding:0}.mf-cta{flex-direction:column}.mf-feature-grid,.mf-home-grid{grid-template-columns:1fr}.mf-feature{border-right:0;border-bottom:1px solid rgba(100,140,220,.12)}.mf-server-strip{display:block}.mf-server-strip .mf-btn{margin-top:15px}.mf-page-head{margin-top:30px}
}
