/*
Theme Name: MLE Hosting
Theme URI: https://example.com/
Author: MLE Hosting
Description: Bold, responsive WordPress theme for MLE Hosting.
Version: 2.1.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: mle-hosting
*/
:root{--bg:#070b13;--panel:#0d1524;--panel2:#101d31;--text:#edf6ff;--muted:#9aadc4;--cyan:#00e5ff;--blue:#2478ff;--line:rgba(131,181,224,.18);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--cyan);text-decoration:none}a:hover{color:#fff}img{max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,11,19,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;letter-spacing:.06em;font-size:1.18rem}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--blue));display:grid;place-items:center;color:#06101b;font-weight:1000;box-shadow:0 0 24px rgba(0,229,255,.25)}.brand small{display:block;font-size:.62rem;letter-spacing:.22em;color:var(--muted);font-weight:700;margin-top:-4px}.main-nav{display:flex;align-items:center;gap:25px}.main-nav a{color:#c8d8e9;font-size:.92rem;font-weight:650}.main-nav a:hover{color:var(--cyan)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:9px;padding:8px 12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:13px 20px;background:linear-gradient(110deg,var(--cyan),#2685ff);color:#03101c;font-weight:850;box-shadow:0 8px 30px rgba(0,174,255,.18);transition:.2s}.button:hover{transform:translateY(-2px);color:#03101c;box-shadow:0 12px 34px rgba(0,174,255,.3)}.button-outline{background:transparent;border:1px solid rgba(0,229,255,.55);color:var(--cyan);box-shadow:none}.button-outline:hover{background:rgba(0,229,255,.08);color:#fff}.hero{position:relative;overflow:hidden;padding:100px 0 86px;background:radial-gradient(ellipse at 78% 25%,rgba(0,136,255,.2),transparent 35%),radial-gradient(ellipse at 20% 70%,rgba(0,229,255,.1),transparent 32%),#070b13}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(75,147,201,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(75,147,201,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--cyan);font-size:.76rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}h1,h2,h3{line-height:1.12;letter-spacing:-.035em;margin:0 0 18px}h1{font-size:clamp(2.7rem,6vw,5.1rem);max-width:760px}h1 span,.gradient-text{background:linear-gradient(100deg,#fff 5%,var(--cyan) 48%,#5e8dff 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#b3c4d8;font-size:1.12rem;max-width:620px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.hero-note{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;color:#a9bdd2;font-size:.85rem}.hero-note span:before{content:"✓";color:var(--cyan);font-weight:900;margin-right:8px}.hero-art{min-height:360px;display:grid;place-items:center;position:relative}.server-stack{width:min(100%,410px);position:relative;transform:perspective(900px) rotateY(-13deg) rotateX(5deg)}.server-unit{height:94px;margin:15px 0;border:1px solid rgba(0,229,255,.4);border-radius:17px;background:linear-gradient(115deg,rgba(15,36,61,.95),rgba(9,17,31,.96));box-shadow:0 15px 45px rgba(0,0,0,.35),inset 0 0 28px rgba(0,180,255,.06);display:flex;align-items:center;padding:20px 25px;gap:18px}.server-light{width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.server-lines{flex:1}.server-lines i{display:block;height:5px;border-radius:5px;background:rgba(91,161,215,.25);margin:8px 0}.server-lines i:nth-child(1){width:82%}.server-lines i:nth-child(2){width:55%}.server-lines i:nth-child(3){width:68%}.server-tag{font-size:.7rem;color:var(--cyan);letter-spacing:.12em;font-weight:800}.glow-orb{position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(0,164,255,.12);filter:blur(45px);z-index:-1}.section{padding:82px 0}.section-alt{background:#0a111e;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{text-align:center;max-width:720px;margin:0 auto 42px}.section-head h2{font-size:clamp(2rem,4vw,3.1rem)}.section-head p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,#101d30,#0b1321);border:1px solid var(--line);border-radius:17px;padding:26px;box-shadow:0 12px 35px rgba(0,0,0,.15)}.card h3{font-size:1.25rem}.card p,.muted{color:var(--muted)}.feature-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;color:var(--cyan);background:rgba(0,229,255,.09);border:1px solid rgba(0,229,255,.2);font-size:1.25rem;margin-bottom:19px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:stretch}.price-card{position:relative;background:#0d1727;border:1px solid var(--line);border-radius:17px;padding:25px 21px;display:flex;flex-direction:column}.price-card.featured{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(0,229,255,.18),0 20px 55px rgba(0,145,255,.12);transform:translateY(-8px)}.popular{position:absolute;top:-13px;right:18px;background:var(--cyan);color:#06101b;border-radius:30px;padding:4px 11px;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.price{font-size:2.25rem;font-weight:900;letter-spacing:-.05em;margin:10px 0 0}.price small{font-size:.85rem;color:var(--muted);font-weight:600;letter-spacing:0}.price-card ul{padding:0;list-style:none;color:#b7c8da;margin:20px 0 25px;flex:1}.price-card li{padding:8px 0;border-bottom:1px solid rgba(131,181,224,.1);font-size:.9rem}.price-card li:before{content:"✓";color:var(--cyan);margin-right:9px;font-weight:900}.price-card .button{width:100%}.domain-box{max-width:820px;margin:0 auto;background:linear-gradient(130deg,#101f34,#0b1423);border:1px solid rgba(0,229,255,.25);padding:28px;border-radius:18px;box-shadow:0 15px 45px rgba(0,0,0,.2)}.domain-box form{display:flex;gap:10px}.domain-box input{flex:1;min-width:0;background:#060c16;border:1px solid #29415d;color:#fff;border-radius:10px;padding:15px 16px;font:inherit}.domain-box small{display:block;color:var(--muted);margin-top:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.check-list{list-style:none;padding:0}.check-list li{margin:13px 0;color:#bdcddd}.check-list li:before{content:"↗";color:var(--cyan);margin-right:12px;font-weight:900}.stat-panel{border:1px solid var(--line);border-radius:20px;padding:30px;background:radial-gradient(circle at 80% 20%,rgba(0,143,255,.16),transparent 45%),#0d1727}.stat-row{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);gap:15px}.stat-row strong{color:var(--cyan)}.faq-list{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid var(--line);padding:20px 0}.faq-item summary{cursor:pointer;font-weight:750;font-size:1.05rem}.faq-item p{color:var(--muted);margin-bottom:0}.cta-band{padding:45px;border:1px solid rgba(0,229,255,.25);border-radius:20px;background:radial-gradient(circle at 90% 0%,rgba(0,145,255,.2),transparent 40%),#0e1a2b;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band h2{margin:0}.site-footer{padding:55px 0 25px;background:#05080e;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer-grid p,.footer-grid a{color:var(--muted)}.footer-grid h3{font-size:1rem}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:#71869e;font-size:.82rem;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.entry-content{padding:65px 0;min-height:45vh}.entry-content h1{font-size:2.8rem}.entry-content p{color:#c0cede}.notice{border:1px solid rgba(0,229,255,.3);background:rgba(0,229,255,.06);padding:14px 17px;border-radius:10px;color:#c5f8ff;margin:15px 0}.wp-block-button__link{background:var(--cyan);color:#06101b;border-radius:9px}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr;gap:20px}.hero-art{min-height:270px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.split{gap:30px}}
@media(max-width:680px){.container{width:min(var(--max),calc(100% - 30px))}.header-inner{min-height:68px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:18px 22px 24px;background:#08101c;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:16px}.main-nav.is-open{display:flex}.main-nav .button{width:100%}.hero{padding:70px 0 55px}.hero-art{min-height:230px}.server-unit{height:72px;margin:10px 0}.section{padding:60px 0}.cards,.pricing-grid,.split,.footer-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.domain-box form{flex-direction:column}.cta-band{padding:28px;align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}}

/* MLE Hosting v1.1 navigation and feature page */
.main-nav{display:flex;align-items:center;gap:22px;flex:1;justify-content:flex-end}
.main-nav ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.main-nav li{margin:0;padding:0}
.main-nav li a{white-space:nowrap}
.main-nav .button{flex-shrink:0}
.admin-color-mle .wp-admin #adminmenu .wp-menu-image:before{color:#00bcd4}
.feature-table{width:100%;border-collapse:collapse;background:#0d1727;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.feature-table th,.feature-table td{padding:15px 17px;text-align:left;border-bottom:1px solid var(--line)}
.feature-table th{color:var(--cyan);background:#101f34}
.feature-table td{color:#c4d3e2}
.feature-table tr:last-child td{border-bottom:0}
@media(max-width:680px){.main-nav{gap:14px}.main-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:13px}.main-nav li a{display:block}.main-nav .button{width:100%}}

/* v2.0 full service-site refinements */
.main-nav ul,.main-nav .menu ul{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:22px;list-style:none;margin:0;padding:0}
.main-nav li,.main-nav .menu li{list-style:none;margin:0;padding:0}
.main-nav li a{display:inline-block;white-space:nowrap}
.main-nav .menu{margin:0;padding:0}
.service-card{display:block;color:var(--text);transition:transform .2s,border-color .2s}
.service-card:hover{transform:translateY(-4px);border-color:rgba(0,229,255,.55);color:var(--text)}
.card-link{display:inline-block;margin-top:12px;color:var(--cyan);font-weight:800}
.main-nav ul li::marker{content:""}
@media(max-width:950px){.main-nav ul,.main-nav .menu ul{gap:14px}}
@media(max-width:680px){.main-nav ul,.main-nav .menu ul{display:flex;flex-direction:column;align-items:stretch;gap:13px}.main-nav li a{display:block}}
