/* Musical Sanjeet — 404 Page */

.ms-404-hero{position:relative;isolation:isolate;min-height:650px;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 70% 45%,rgba(214,166,58,.22),transparent 25%),linear-gradient(120deg,#07090d 0%,#111827 58%,#090b0f 100%);color:#fff}

.ms-404-hero.has-image:before{content:"";position:absolute;inset:0;background-image:var(--ms-404-image);background-position:center;background-size:cover;opacity:.26;filter:saturate(.8) contrast(1.05);z-index:-2}

.ms-404-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.96) 0%,rgba(8,11,17,.82) 42%,rgba(8,11,17,.42) 100%),linear-gradient(0deg,rgba(7,9,13,.84),transparent 50%,rgba(7,9,13,.35));z-index:-1}

.ms-404-hero-inner{width:100%;padding-top:76px;padding-bottom:76px}

.ms-404-copy{max-width:760px}

.ms-404-kicker,.ms-404-section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--ms-gold);font-size:12px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}

.ms-404-kicker:before,.ms-404-section-kicker:before{content:"";width:28px;height:1px;background:currentColor}

.ms-404-number{display:flex;align-items:center;gap:8px;margin:8px 0 4px;font-size:clamp(110px,18vw,210px);font-weight:950;line-height:.85;letter-spacing:-.08em;color:#fff;text-shadow:0 8px 45px rgba(0,0,0,.45)}

.ms-404-disc{display:grid;place-items:center;width:.75em;height:.75em;border-radius:50%;font-size:.48em;line-height:1;color:var(--ms-gold);border:5px solid var(--ms-gold);box-shadow:inset 0 0 0 12px #0d1119,0 0 55px rgba(214,166,58,.28);text-shadow:none}

.ms-404-copy h1{margin:8px 0 12px;font-size:clamp(32px,4.5vw,62px);line-height:1.08}

.ms-404-copy>p{max-width:680px;margin:0;color:#c8ced8;font-size:18px}

.ms-404-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.ms-404-quick{padding:34px 0;background:#fff;border-bottom:1px solid var(--ms-border)}

.ms-404-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}

.ms-404-section-head h2{margin:4px 0 0;font-size:28px}

.ms-404-quick-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}

.ms-404-quick-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px;border:1px solid var(--ms-border);border-radius:10px;background:#fafbfc;font-weight:750;font-size:14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}

.ms-404-quick-link:hover{transform:translateY(-2px);border-color:rgba(214,166,58,.55);box-shadow:0 10px 24px rgba(17,24,39,.07);color:var(--ms-gold-dark)}

.ms-404-popular{background:#f3f4f6}

.ms-404-post-card{transition:transform .2s ease,box-shadow .2s ease}

.ms-404-post-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(17,24,39,.09)}

.ms-404-search{padding:0 0 58px;background:#f3f4f6}

.ms-404-search-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 32px;border-radius:16px;background:#111827;color:#fff;box-shadow:0 18px 45px rgba(17,24,39,.12)}

.ms-404-search-box h2{margin:5px 0 0;font-size:28px}

.ms-404-search-form{display:flex;align-items:center;gap:10px;min-width:min(100%,520px);margin:0}

.ms-404-search-form input{margin:0;background:#fff}

.ms-404-search-form .ms-button{flex:0 0 auto}

.ms-404-hero{background:linear-gradient(120deg,#06121b,#111e2a 58%,#071019);min-height:650px}

.ms-404-actions .ms-button{background:var(--ms-gold);color:#111}

.ms-404-actions .ms-button:hover{background:#ffe05f}

.ms-404-quick-links a:hover{color:var(--ms-gold)}