/* Templates 21–50: each theme keeps the shared content contract while changing
   palette, typography, geometry and surface treatment. */
.modern-theme{--m-display:Inter,"Microsoft YaHei",sans-serif}
.modern-theme[class*="modern-"] .network-visual{isolation:isolate;overflow:hidden}
.modern-theme[class*="modern-"] .network-visual:after{content:"";position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--m-primary) 45%,transparent);border-radius:36%;transform:rotate(-12deg);opacity:.65;pointer-events:none}
.modern-theme[class*="modern-"] .hero-copy h1{letter-spacing:-.055em}
.modern-theme[class*="modern-"] .modern-nav{backdrop-filter:blur(14px)}
.modern-noir{--m-bg:#0b0b0d;--m-surface:#17171b;--m-surface-2:#24242a;--m-text:#f7f3ec;--m-muted:#a7a1a0;--m-line:#3b373b;--m-primary:#d8b27b;--m-secondary:#7764b8;--m-button:#d8b27b;--m-success:#80d6b0;--m-grad:linear-gradient(125deg,#17151a,#8e694a);--m-shadow:0 24px 70px #0008;--m-radius:0;--m-display:Georgia,serif}
.modern-ivory{--m-bg:#f7f3ea;--m-surface:#fffdf8;--m-surface-2:#eee8da;--m-text:#28251f;--m-muted:#7b7469;--m-line:#ded6c7;--m-primary:#9c5b3e;--m-secondary:#315b70;--m-button:#315b70;--m-success:#3e9070;--m-grad:linear-gradient(130deg,#c99473,#e6c2a1);--m-shadow:0 18px 48px #76543a1c;--m-radius:18px;--m-display:Georgia,serif}.modern-ivory .network-visual{border-radius:50% 8px 50% 8px}
.modern-prism{--m-bg:#0e1024;--m-surface:#171a38;--m-surface-2:#24285a;--m-text:#f7f5ff;--m-muted:#b7b4d2;--m-line:#3c4383;--m-primary:#78e7ff;--m-secondary:#fa70d8;--m-button:#fa70d8;--m-success:#6cf2b4;--m-grad:linear-gradient(120deg,#2e77ff,#a33dff 48%,#ff5db1);--m-shadow:0 25px 80px #4434a955;--m-radius:24px}.modern-prism .network-visual{transform:rotate(2deg);border-radius:28px}
.modern-carbon{--m-bg:#111315;--m-surface:#1b1e21;--m-surface-2:#282d31;--m-text:#eef2f1;--m-muted:#9ba8a8;--m-line:#394348;--m-primary:#b8d7d1;--m-secondary:#ec7a45;--m-button:#ec7a45;--m-success:#6fe0a8;--m-grad:linear-gradient(135deg,#283b42,#0e1518);--m-shadow:10px 10px 0 #050607;--m-radius:4px;--m-display:ui-monospace,monospace}.modern-carbon .plan-card{box-shadow:6px 6px 0 #050607}
.modern-oasis{--m-bg:#f0fbf2;--m-surface:#fff;--m-surface-2:#dff3db;--m-text:#17432f;--m-muted:#638271;--m-line:#c7e2c5;--m-primary:#258e68;--m-secondary:#d28b38;--m-button:#d27932;--m-success:#269e71;--m-grad:linear-gradient(135deg,#44ae78,#167a82);--m-shadow:0 22px 55px #367d551f;--m-radius:30px}.modern-oasis .modern-hero{grid-template-columns:1fr 1fr}.modern-oasis .network-visual{border-radius:100px 20px}
.modern-midnight{--m-bg:#071326;--m-surface:#0d203b;--m-surface-2:#143158;--m-text:#edf5ff;--m-muted:#8da8c7;--m-line:#244a77;--m-primary:#70b8ff;--m-secondary:#a983ff;--m-button:#ffaf67;--m-success:#62e0bd;--m-grad:linear-gradient(135deg,#164d91,#5c3f9f);--m-shadow:0 25px 70px #041a3e99;--m-radius:10px}.modern-midnight .network-visual{background:radial-gradient(circle at 30% 30%,#235a98,#0b1932 70%)}
.modern-sakura{--m-bg:#fff6f8;--m-surface:#fff;--m-surface-2:#ffe2eb;--m-text:#482735;--m-muted:#927080;--m-line:#f1cbd8;--m-primary:#d85683;--m-secondary:#8066d8;--m-button:#3d9b82;--m-success:#3b9d7d;--m-grad:linear-gradient(135deg,#ee8eaa,#b46bdb);--m-shadow:0 22px 55px #b54c741c;--m-radius:26px;--m-display:Georgia,serif}.modern-sakura .network-visual{border-radius:50% 50% 12px 12px}
.modern-auric{--m-bg:#15110b;--m-surface:#231c0d;--m-surface-2:#362a12;--m-text:#fff7dc;--m-muted:#cbb98b;--m-line:#604b20;--m-primary:#e7bb59;--m-secondary:#c96739;--m-button:#e7bb59;--m-success:#80d59f;--m-grad:linear-gradient(135deg,#a66d18,#f0c968 52%,#7b421c);--m-shadow:0 25px 80px #b2792633;--m-radius:3px;--m-display:Georgia,serif}.modern-auric .modern-button{color:#241707!important}
.modern-volt{--m-bg:#090c12;--m-surface:#121924;--m-surface-2:#1b2638;--m-text:#f4f8ff;--m-muted:#95a7be;--m-line:#30445f;--m-primary:#6ef3ff;--m-secondary:#b7ff36;--m-button:#b7ff36;--m-success:#6ef3ff;--m-grad:linear-gradient(120deg,#14a8d1,#7148ee);--m-shadow:0 20px 65px #0bd6ff33;--m-radius:2px;--m-display:Impact,"Microsoft YaHei",sans-serif}.modern-volt .network-visual{clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}
.modern-atlas{--m-bg:#111827;--m-surface:#1b2638;--m-surface-2:#263650;--m-text:#f0f4fa;--m-muted:#9aaac1;--m-line:#3a4f6d;--m-primary:#f4b860;--m-secondary:#6ba6e8;--m-button:#f4b860;--m-success:#7ed3ad;--m-grad:linear-gradient(135deg,#2e506f,#182035);--m-shadow:0 25px 70px #070e1d99;--m-radius:12px;--m-display:Georgia,serif}.modern-atlas .network-visual:after{border-radius:50%;transform:none}
.modern-lunar{--m-bg:#151622;--m-surface:#222333;--m-surface-2:#303147;--m-text:#f5f3ff;--m-muted:#aaa9c1;--m-line:#484962;--m-primary:#c4bbff;--m-secondary:#7ae1e4;--m-button:#7ae1e4;--m-success:#8be7bb;--m-grad:linear-gradient(135deg,#5f5c9c,#22243c);--m-shadow:0 24px 70px #070712aa;--m-radius:50%}.modern-lunar .network-visual{border-radius:50%;aspect-ratio:1}
.modern-terra{--m-bg:#f8f0e8;--m-surface:#fffaf4;--m-surface-2:#f0ddca;--m-text:#3e2b23;--m-muted:#85685a;--m-line:#e2c8b2;--m-primary:#b85c38;--m-secondary:#50726a;--m-button:#50726a;--m-success:#438b6c;--m-grad:linear-gradient(135deg,#d28a55,#9f4738);--m-shadow:0 18px 45px #8a50311c;--m-radius:12px;--m-display:Georgia,serif}.modern-terra .network-visual{border-radius:12px 70px 12px 70px}
.modern-ember{--m-bg:#1a0b0c;--m-surface:#2b1315;--m-surface-2:#401b1b;--m-text:#fff1e9;--m-muted:#d2a9a0;--m-line:#68302d;--m-primary:#ff9b57;--m-secondary:#ed4962;--m-button:#ff9b57;--m-success:#68d99e;--m-grad:linear-gradient(135deg,#ed4b31,#7c1d32);--m-shadow:0 25px 75px #d63b2b33;--m-radius:8px}.modern-ember .network-visual{background:radial-gradient(circle at 70% 25%,#f08d3f,#321218 62%)}
.modern-fjord{--m-bg:#eff8fb;--m-surface:#fff;--m-surface-2:#dff0f5;--m-text:#163c50;--m-muted:#648393;--m-line:#c4e0e8;--m-primary:#228eaf;--m-secondary:#6d70d8;--m-button:#ef7440;--m-success:#2a9c77;--m-grad:linear-gradient(135deg,#4bc5cf,#5a72d7);--m-shadow:0 20px 50px #387e9818;--m-radius:4px}.modern-fjord .network-visual{border-radius:4px 4px 60px 60px}
.modern-onyx{--m-bg:#050506;--m-surface:#111114;--m-surface-2:#1d1d22;--m-text:#f0f0f2;--m-muted:#96969d;--m-line:#33333a;--m-primary:#b7a0ff;--m-secondary:#59d8d1;--m-button:#b7a0ff;--m-success:#69e0a4;--m-grad:linear-gradient(135deg,#211c3d,#111);--m-shadow:0 25px 80px #000;--m-radius:0}.modern-onyx .network-visual{border:1px solid var(--m-primary)}
.modern-cobalt{--m-bg:#edf2ff;--m-surface:#fff;--m-surface-2:#dce6ff;--m-text:#172b61;--m-muted:#64739b;--m-line:#c2d0f2;--m-primary:#315edb;--m-secondary:#e35c82;--m-button:#e35c5c;--m-success:#299a73;--m-grad:linear-gradient(135deg,#3f76ed,#7650d2);--m-shadow:0 22px 55px #4969bc25;--m-radius:14px}.modern-cobalt .network-visual{transform:rotate(-2deg)}
.modern-linen{--m-bg:#f5f0e7;--m-surface:#fffdf8;--m-surface-2:#eae1d2;--m-text:#493f35;--m-muted:#897b6d;--m-line:#ded2c0;--m-primary:#ae7651;--m-secondary:#688b77;--m-button:#688b77;--m-success:#5d9b75;--m-grad:linear-gradient(135deg,#c3916b,#769b7d);--m-shadow:0 15px 35px #72583a1c;--m-radius:2px;--m-display:Georgia,serif}.modern-linen .plan-card{border-style:dashed}
.modern-cosmos{--m-bg:#070a20;--m-surface:#111743;--m-surface-2:#1b2460;--m-text:#f4f1ff;--m-muted:#a8add4;--m-line:#35428a;--m-primary:#ed8dff;--m-secondary:#6aa7ff;--m-button:#ed8dff;--m-success:#69e6c0;--m-grad:linear-gradient(135deg,#233da1,#9a32b6);--m-shadow:0 25px 80px #1f2b9d55;--m-radius:18px}.modern-cosmos .network-visual{background:radial-gradient(circle at 28% 38%,#4658c9 1px,transparent 2px),radial-gradient(circle at 70% 70%,#e887ff 1px,transparent 2px),#0b1030;background-size:52px 52px,67px 67px}
.modern-velvet{--m-bg:#170d18;--m-surface:#27142a;--m-surface-2:#3a1c3c;--m-text:#fff0f8;--m-muted:#c7a9bd;--m-line:#5b315a;--m-primary:#f19ac8;--m-secondary:#9f83ff;--m-button:#f19ac8;--m-success:#76d8ae;--m-grad:linear-gradient(135deg,#7b2a61,#3a1b5e);--m-shadow:0 26px 72px #a02f7940;--m-radius:10px;--m-display:Georgia,serif}.modern-velvet .network-visual{border-radius:90px 10px}
.modern-pulse{--m-bg:#1c0a18;--m-surface:#32132c;--m-surface-2:#4a1b3b;--m-text:#fff4fc;--m-muted:#d5a9c8;--m-line:#6c2e57;--m-primary:#ff6bb1;--m-secondary:#ffbd52;--m-button:#ffbd52;--m-success:#6ce9b2;--m-grad:linear-gradient(135deg,#ec2d72,#ff8e2f);--m-shadow:0 25px 70px #ed267555;--m-radius:50px}.modern-pulse .network-visual{border-radius:50%;animation:pulse-ring 4s ease-in-out infinite}
.modern-orchid{--m-bg:#fcf7ff;--m-surface:#fff;--m-surface-2:#f0e2fa;--m-text:#3b2547;--m-muted:#806b8b;--m-line:#dfcaeb;--m-primary:#a954ba;--m-secondary:#4b79d8;--m-button:#4b79d8;--m-success:#3c9c7a;--m-grad:linear-gradient(135deg,#c36bd1,#6875d5);--m-shadow:0 20px 50px #8c4fa21a;--m-radius:22px}.modern-orchid .network-visual{border-radius:22px 90px}
.modern-monolith{--m-bg:#e9e9e7;--m-surface:#f7f7f5;--m-surface-2:#d8d8d4;--m-text:#171817;--m-muted:#646763;--m-line:#bfc2bd;--m-primary:#191b19;--m-secondary:#d65b38;--m-button:#d65b38;--m-success:#388b66;--m-grad:linear-gradient(135deg,#313633,#111);--m-shadow:12px 12px 0 #171817;--m-radius:0;--m-display:Arial Black,sans-serif}.modern-monolith .plan-card{box-shadow:8px 8px 0 #171817}
.modern-coral{--m-bg:#fff6ef;--m-surface:#fff;--m-surface-2:#ffe1d2;--m-text:#4d2e2b;--m-muted:#956e67;--m-line:#f0c9bb;--m-primary:#ed735e;--m-secondary:#397aa4;--m-button:#397aa4;--m-success:#3d9d78;--m-grad:linear-gradient(135deg,#fb9a68,#eb566d);--m-shadow:0 20px 52px #c7674b20;--m-radius:16px}.modern-coral .network-visual{border-radius:70px 12px 12px 12px}
.modern-sage{--m-bg:#f3f7f0;--m-surface:#fff;--m-surface-2:#e0eadb;--m-text:#263a2d;--m-muted:#718174;--m-line:#cbd9c7;--m-primary:#5b8f68;--m-secondary:#bd7b51;--m-button:#bd7b51;--m-success:#4b9c70;--m-grad:linear-gradient(135deg,#7bb584,#507aa0);--m-shadow:0 18px 45px #456b4d18;--m-radius:8px;--m-display:Georgia,serif}.modern-sage .network-visual{border-radius:8px 8px 80px 8px}
.modern-meridian{--m-bg:#f1f5fa;--m-surface:#fff;--m-surface-2:#dce6f2;--m-text:#203047;--m-muted:#687b93;--m-line:#c5d3e2;--m-primary:#3d78a8;--m-secondary:#d08c51;--m-button:#d08c51;--m-success:#3d9a77;--m-grad:linear-gradient(135deg,#4c9bb6,#5e63b2);--m-shadow:0 20px 50px #456a9020;--m-radius:3px}.modern-meridian .network-visual{border-top:5px solid var(--m-primary);border-radius:0}
.modern-opal{--m-bg:#f7fbfb;--m-surface:#fff;--m-surface-2:#e3f2ef;--m-text:#1e3a3c;--m-muted:#698486;--m-line:#cbe2df;--m-primary:#4ab7a6;--m-secondary:#9f72db;--m-button:#9f72db;--m-success:#36a778;--m-grad:linear-gradient(135deg,#56d6c8,#ac73e4);--m-shadow:0 21px 52px #438f8c1c;--m-radius:28px}.modern-opal .network-visual{background:linear-gradient(125deg,#b8fff3,#7364bf);border-radius:28px 60px}
.modern-tide{--m-bg:#eef9fc;--m-surface:#fff;--m-surface-2:#d9f2f7;--m-text:#133c50;--m-muted:#638696;--m-line:#bddde7;--m-primary:#168dab;--m-secondary:#4d66d7;--m-button:#ec7141;--m-success:#2b9e78;--m-grad:linear-gradient(135deg,#22b4c2,#5965d8);--m-shadow:0 22px 55px #2a849d1f;--m-radius:50%}.modern-tide .network-visual{border-radius:50% 50% 8px 8px}
.modern-copper{--m-bg:#19110e;--m-surface:#291914;--m-surface-2:#41251a;--m-text:#fff1dc;--m-muted:#c8a68b;--m-line:#69412b;--m-primary:#df8d53;--m-secondary:#7ac4ac;--m-button:#7ac4ac;--m-success:#7ac4ac;--m-grad:linear-gradient(135deg,#d55d2e,#6c2f1d);--m-shadow:0 24px 66px #d3633733;--m-radius:5px}.modern-copper .plan-card{border-top:4px solid var(--m-primary)}
.modern-halo{--m-bg:#fff;--m-surface:#fff;--m-surface-2:#f2f4f7;--m-text:#1f2937;--m-muted:#788495;--m-line:#e0e5eb;--m-primary:#6474d8;--m-secondary:#d17eaf;--m-button:#d17eaf;--m-success:#40a27d;--m-grad:linear-gradient(135deg,#8997ef,#d58bc3);--m-shadow:0 17px 42px #5b678e16;--m-radius:999px}.modern-halo .network-visual{border-radius:50%;box-shadow:0 0 0 20px #6474d81a,0 0 0 40px #6474d80c}
.modern-studio{--m-bg:#f4f4f1;--m-surface:#fff;--m-surface-2:#e7e7e2;--m-text:#202320;--m-muted:#747a75;--m-line:#d4d8d2;--m-primary:#222522;--m-secondary:#df6145;--m-button:#df6145;--m-success:#328b67;--m-grad:linear-gradient(135deg,#3d574b,#b15b43);--m-shadow:0 20px 46px #3d574b1a;--m-radius:6px}.modern-studio .modern-nav{border-bottom:2px solid var(--m-text)}.modern-studio .network-visual{border-radius:6px;background:repeating-linear-gradient(135deg,#d6d8d2 0 2px,#f5f5f2 2px 12px)}
@keyframes pulse-ring{50%{transform:scale(.985);box-shadow:0 0 0 12px color-mix(in srgb,var(--m-primary) 18%,transparent)}}
@media(max-width:1080px){.modern-oasis .modern-hero{grid-template-columns:minmax(0,1fr)}}