:root{
  --muph-bg:#f6f1fb;
  --muph-panel:#ffffff;
  --muph-ink:#1f1230;
  --muph-soft:#6f6384;
  --muph-a:#692b8d;
  --muph-b:#b05e53;
  --muph-c:#e3b46a;
  --muph-border:rgba(105,43,141,.12);
  --muph-shadow:0 18px 50px rgba(43,12,65,.12);
}
body{background:var(--muph-bg);}
.muph{color:var(--muph-ink);background:radial-gradient(circle at 15% 10%,rgba(227,180,106,.18),transparent 28%),radial-gradient(circle at 88% 12%,rgba(105,43,141,.12),transparent 30%),linear-gradient(180deg,#fbf8fe 0%,#f6f1fb 100%);}
.muph *{box-sizing:border-box}
.muph-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.muph-hero{padding:34px 0 16px;position:relative;overflow:hidden}
.muph-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;min-height:530px}
.muph-copy{position:relative;z-index:2}
.muph-kicker{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--muph-border);border-radius:999px;padding:8px 14px;color:var(--muph-soft);font-size:14px;box-shadow:var(--muph-shadow)}
.muph-kicker i{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--muph-a),var(--muph-c));display:block}
.muph h1{font-size:clamp(44px,7vw,78px);line-height:.95;letter-spacing:-.04em;margin:20px 0 12px;font-weight:800}
.muph h1 span{color:var(--muph-a)}
.muph-rule{width:120px;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--muph-a),var(--muph-c));margin:14px 0 20px}
.muph-lead{font-size:clamp(18px,2.4vw,23px);line-height:1.9;color:#35274d;max-width:640px;margin:0 0 22px}
.muph-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px}
.muph-actions a{text-decoration:none;border-radius:18px;padding:14px 18px;display:inline-flex;align-items:center;gap:10px;font-weight:700;box-shadow:var(--muph-shadow)}
.muph-primary{background:linear-gradient(135deg,var(--muph-a),#7f4bae);color:#fff}
.muph-secondary{background:#fff;color:var(--muph-ink);border:1px solid var(--muph-border)}
.muph-values{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muph-soft);font-weight:700;margin-top:10px}
.muph-values b{color:var(--muph-c)}
.muph-art{position:relative;min-height:510px;display:flex;align-items:center;justify-content:center}
.muph-orbit{position:absolute;border:1px dashed rgba(105,43,141,.2);border-radius:50%}
.muph-o1{inset:26px 18px auto auto;width:370px;height:370px}
.muph-o2{inset:auto auto 48px 18px;width:260px;height:260px}
.muph-window{position:relative;width:min(500px,100%);aspect-ratio:1/1;border-radius:34px;background:linear-gradient(145deg,#261338 0%,#52306d 46%,#c46b53 100%);box-shadow:0 30px 90px rgba(43,12,65,.25);overflow:hidden;border:1px solid rgba(255,255,255,.15)}
.muph-glow{position:absolute;inset:0;background:radial-gradient(circle at 70% 18%,rgba(255,232,170,.48),transparent 26%),radial-gradient(circle at 20% 76%,rgba(227,180,106,.18),transparent 28%)}
.muph-arc{position:absolute;left:50%;top:10%;transform:translateX(-50%);width:76%;height:58%;border:3px solid rgba(255,255,255,.16);border-bottom:none;border-radius:999px 999px 0 0}
.muph-card{position:absolute;display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.11);backdrop-filter:blur(8px);padding:10px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:0 10px 32px rgba(0,0,0,.15)}
.muph-card span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.16);font-size:19px;font-weight:800}
.muph-card strong{font-size:16px}
.muph-card-1{top:18%;left:7%}.muph-card-2{top:14%;right:7%}.muph-card-3{bottom:20%;left:14%}
.muph-silhouette{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:42%;height:68%;background:radial-gradient(circle at 50% 12%,#ffe6b0 0 14%,transparent 14%),linear-gradient(180deg,transparent 0 13%,#1b1028 13% 100%);clip-path:polygon(43% 0,57% 0,64% 10%,70% 22%,79% 42%,86% 65%,100% 100%,0 100%,14% 65%,21% 42%,30% 22%,36% 10%)}
.muph-art-caption{position:absolute;inset:auto auto 8px 18px;background:#fff;border:1px solid var(--muph-border);padding:14px 16px;border-radius:18px;box-shadow:var(--muph-shadow);max-width:300px}
.muph-art-caption span{display:block;color:var(--muph-a);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px}
.muph-art-caption strong{font-size:18px;line-height:1.5}
.muph-section{padding:40px 0}
.muph-heading{max-width:920px;margin-bottom:22px}
.muph-overline{display:inline-block;color:var(--muph-a);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.muph h2{font-size:clamp(28px,4vw,46px);line-height:1.15;margin:0 0 10px;font-weight:800}
.muph-heading p{font-size:18px;line-height:1.95;color:#43355b;margin:0}
.muph-meaning-grid,.muph-philosophy-grid,.muph-example-grid,.muph-link-grid{display:grid;gap:18px}
.muph-meaning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.muph-philosophy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.muph-example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.muph-link-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.muph-meaning-card,.muph-ph-card,.muph-example-card,.muph-link-card{background:rgba(255,255,255,.86);backdrop-filter:blur(6px);border:1px solid var(--muph-border);border-radius:24px;padding:22px;box-shadow:var(--muph-shadow)}
.muph-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--muph-a),var(--muph-c));color:#fff;font-size:24px;font-weight:800;box-shadow:0 14px 28px rgba(105,43,141,.25);margin-bottom:14px}
.muph-meaning-card h3,.muph-ph-card h3,.muph-example-card h3,.muph-link-card strong{font-size:22px;line-height:1.3;margin:0 0 10px;font-weight:800}
.muph-meaning-card p,.muph-ph-card p,.muph-example-card p,.muph-link-card span{font-size:16px;line-height:1.9;color:#4a3f5c;margin:0}
.muph-equation{margin:10px 0 14px;padding:16px;border-radius:18px;background:linear-gradient(135deg,rgba(105,43,141,.09),rgba(227,180,106,.15));border:1px solid rgba(105,43,141,.12);font-size:17px;font-weight:800;line-height:1.8;color:#2e1a44}
.muph-equation span{color:var(--muph-b);font-size:20px;padding-inline:8px}
.muph-flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.muph-flow div{padding:10px 14px;border-radius:14px;background:#fff;border:1px solid var(--muph-border);font-weight:800;box-shadow:0 8px 20px rgba(43,12,65,.08)}
.muph-flow span{font-size:20px;color:var(--muph-a);font-weight:800}
.muph-link-card{text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,box-shadow .2s ease}
.muph-link-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(43,12,65,.16)}
.muph-links{padding-bottom:56px}
@media (max-width: 1080px){
  .muph-hero-grid{grid-template-columns:1fr;gap:24px;min-height:auto}
  .muph-art{min-height:420px;order:-1}
  .muph-meaning-grid,.muph-philosophy-grid,.muph-example-grid,.muph-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 768px){
  .muph-shell{width:min(100% - 22px,1180px)}
  .muph-hero{padding-top:22px}
  .muph-kicker{font-size:12px;padding:7px 11px}
  .muph h1{font-size:40px}
  .muph-lead{font-size:17px;line-height:1.8}
  .muph-art{min-height:300px}
  .muph-window{border-radius:26px}
  .muph-card{padding:8px 10px}.muph-card strong{font-size:13px}.muph-card span{width:28px;height:28px;font-size:15px}
  .muph-art-caption{position:relative;inset:auto;margin-top:14px;max-width:none}
  .muph-section{padding:28px 0}
  .muph h2{font-size:30px}
  .muph-heading p{font-size:16px;line-height:1.85}
  .muph-meaning-grid,.muph-philosophy-grid,.muph-example-grid,.muph-link-grid{grid-template-columns:1fr}
  .muph-meaning-card,.muph-ph-card,.muph-example-card,.muph-link-card{border-radius:20px;padding:18px}
}