/* minecraft-landing.php */
.ml-breadcrumbs { max-width:1200px; margin:24px auto 0; padding:0 20px; font-size:.84rem; color:rgba(241,245,249,.55); }
.ml-breadcrumbs a { color:rgba(241,245,249,.7); text-decoration:none; transition:color .15s; }
.ml-breadcrumbs a:hover { color:#a78bfa; }
.ml-bc-sep { margin:0 8px; opacity:.4; }
.ml-bc-current { color:#f1f5f9; font-weight:600; }

.ml-hero { padding:40px 20px 32px; max-width:1200px; margin:0 auto; }
.ml-hero-inner { display:flex; flex-direction:column; gap:18px; }
.ml-h1 { font-size:clamp(1.8rem, 4vw, 2.6rem); font-weight:800; line-height:1.15; color:#f1f5f9; margin:0; letter-spacing:-.02em; }
.ml-intro { font-size:1.04rem; line-height:1.65; color:rgba(241,245,249,.72); margin:0; max-width:820px; }
.ml-cta {
    display:inline-flex; align-items:center; gap:14px;
    padding:14px 22px; border-radius:12px;
    background:linear-gradient(135deg,#7c3aed,#a78bfa);
    color:#fff; font-weight:700; font-size:.98rem; text-decoration:none;
    width:fit-content; transition:transform .15s, box-shadow .15s;
    box-shadow:0 4px 20px rgba(124,58,237,.3);
}
.ml-cta:hover { transform:translateY(-1px); box-shadow:0 6px 26px rgba(124,58,237,.45); }
.ml-cta-label { white-space:nowrap; }
.ml-cta-price { display:inline-flex; align-items:baseline; gap:8px; font-size:.86em; opacity:.95; }
.ml-cta-orig { text-decoration:line-through; opacity:.55; font-weight:500; }
.ml-cta-final { font-weight:700; }
.ml-cta-secondary { background:rgba(124,58,237,.12); border:1px solid rgba(124,58,237,.4); color:#cfc4ff; box-shadow:none; }
.ml-cta-secondary:hover { background:rgba(124,58,237,.2); box-shadow:0 4px 20px rgba(124,58,237,.2); }

.ml-grid { max-width:1200px; margin:0 auto; padding:0 20px 64px; display:grid; grid-template-columns:1fr 280px; gap:36px; align-items:flex-start; }
@media (max-width:900px) { .ml-grid { grid-template-columns:1fr; gap:32px; } }

.ml-article { font-size:.98rem; line-height:1.78; color:rgba(241,245,249,.78); }
.ml-article p, .ml-article { white-space:pre-line; }

.ml-faq { margin-top:48px; padding-top:32px; border-top:1px solid rgba(255,255,255,.07); }
.ml-faq-h { font-size:1.5rem; font-weight:800; color:#f1f5f9; margin:0 0 20px; letter-spacing:-.01em; }
.ml-faq-item {
    margin-bottom:10px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.07);
    border-radius:10px; overflow:hidden;
    transition:border-color .2s, background .2s;
}
.ml-faq-item[open] { border-color:rgba(124,58,237,.35); background:rgba(124,58,237,.05); }
.ml-faq-item summary {
    cursor:pointer; padding:16px 50px 16px 18px;
    font-weight:600; color:#f1f5f9; font-size:.96rem;
    list-style:none; position:relative;
}
.ml-faq-item summary::-webkit-details-marker { display:none; }
.ml-faq-item summary::after {
    content:'+'; position:absolute; right:18px; top:50%; transform:translateY(-50%);
    font-size:1.3rem; color:rgba(241,245,249,.4); transition:transform .2s;
}
.ml-faq-item[open] summary::after { content:'−'; color:#a78bfa; }
.ml-faq-a { padding:0 18px 16px; line-height:1.65; color:rgba(241,245,249,.72); }

.ml-bottom-cta { margin-top:40px; padding:24px; background:rgba(124,58,237,.06); border:1px solid rgba(124,58,237,.2); border-radius:14px; text-align:center; }

.ml-sidebar {
    position:sticky; top:88px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;
    padding:20px 18px;
}
.ml-side-h { font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; color:rgba(241,245,249,.55); margin:0 0 14px; font-weight:700; }
.ml-side-list { display:flex; flex-direction:column; gap:6px; }
.ml-side-link {
    display:flex; flex-direction:column; gap:3px;
    padding:10px 12px; border-radius:8px;
    background:rgba(255,255,255,.02);
    text-decoration:none; transition:background .15s, border-color .15s;
    border:1px solid transparent;
}
.ml-side-link:hover { background:rgba(124,58,237,.08); border-color:rgba(124,58,237,.25); }
.ml-side-type {
    font-size:.62rem; text-transform:uppercase; letter-spacing:.08em; font-weight:700;
    color:rgba(167,139,250,.85);
}
.ml-side-link[data-type="server"] .ml-side-type { color:rgba(74,222,128,.85); }
.ml-side-link[data-type="mode"] .ml-side-type { color:rgba(251,146,60,.85); }
.ml-side-link[data-type="version"] .ml-side-type { color:rgba(96,165,250,.85); }
.ml-side-title { font-size:.92rem; font-weight:600; color:#e2e8f0; }
.ml-side-all {
    display:block; margin-top:16px; padding-top:14px;
    border-top:1px solid rgba(255,255,255,.06);
    font-size:.84rem; font-weight:600; color:rgba(167,139,250,.9);
    text-decoration:none; text-align:center;
}
.ml-side-all:hover { color:#c4b5fd; }
