:root{--bg: #12041f;--gold: #e0be6e;--gold-soft: #f5dcb1;--card-bg: #1b0a2a}body{background:var(--bg)}.wrapper{padding:2rem 1rem 3rem}.section{margin:2rem auto;max-width:1200px;background:#00000040;border:1px solid rgba(224,190,110,.18);border-radius:18px;padding:1rem 1rem 1.5rem;box-shadow:0 8px 30px #00000059 inset}.section h2{font-size:1.6rem;letter-spacing:.5px;color:var(--gold);text-shadow:0 0 8px rgba(224,190,110,.35);margin:0 0 1rem;border-bottom:1px solid rgba(224,190,110,.25);padding:.5rem 0 .75rem}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (min-width: 640px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--card-bg);border:1px solid rgba(224,190,110,.18);border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #00000059}.card img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.card figcaption{padding:8px 10px;font-size:.9rem;color:var(--gold-soft)}.site-footer{background:#1b0a2a;color:#cdb474;padding:1.5rem;font-size:.9rem;border-top:1px solid rgba(255,215,160,.2);width:100%;margin-top:2.5rem}.lightbox img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:10px;box-shadow:0 0 20px #00000080}.lightbox{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:9999}.lightbox button.close{position:absolute;top:15px;right:20px;font-size:2rem;color:#f5dc81;background:none;border:none;cursor:pointer;z-index:10000}.tabs{display:flex;gap:.5rem;justify-content:center;padding:.75rem .5rem;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(to bottom,#12041fd9,#12041f8c);border-bottom:1px solid rgba(224,190,110,.18)}.tab{padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(224,190,110,.35);background:#1b0a2a99;color:#f5dcb1;font-weight:600;letter-spacing:.3px}.tab:hover{box-shadow:0 0 12px #e0be6e59}.tab.active{background:radial-gradient(60% 60% at 50% 50%,#e0be6e59,#1b0a2ab3);border-color:#e0be6eb3}.hero{max-width:980px;margin:1.25rem auto .5rem;padding:1.25rem 1rem;border:1px solid rgba(224,190,110,.22);border-radius:18px;background:linear-gradient(180deg,#ffdea00f,#00000040);color:#f8e7b2;box-shadow:0 8px 30px #00000059 inset}.hero h1{font-size:1.6rem;margin-bottom:.35rem}.hero p{color:#f5dcb1}.panel{max-width:900px;margin:2rem auto 3rem;padding:2rem 1.25rem;border:1px solid rgba(224,190,110,.22);border-radius:18px;background:#00000040;box-shadow:0 8px 30px #00000059 inset;text-align:left}.panel h1{color:#e0be6e;margin-bottom:.75rem;text-align:center}.panel p{line-height:1.6;color:#f5dcb1}.contact-list{margin-top:.5rem;line-height:1.8}.contact-list a{color:#e0be6e;text-decoration:underline}.button{display:inline-block;padding:.7rem 1.1rem;border:1px solid rgba(224,190,110,.5);border-radius:12px;text-decoration:none;color:#f8e7b2;background:#1b0a2ab3;box-shadow:0 0 12px #e0be6e40}.button[aria-disabled=true]{opacity:.7;cursor:not-allowed}.hint{margin-top:.6rem;font-size:.95rem;color:#d9c69c}.about-panel{display:grid;grid-template-columns:1fr;gap:1rem}.about-portrait{margin:0 auto .5rem;max-width:320px;border:3px solid rgba(224,190,110,.85);border-radius:16px;background:radial-gradient(circle at center,#e0be6e1f,#0000004d);padding:10px;box-shadow:0 0 25px #e0be6e4d,0 0 50px #e0be6e26;animation:moonPulse 5s ease-in-out infinite}.about-portrait img{width:100%;height:auto;display:block;border-radius:12px;border:2px solid rgba(224,190,110,.5)}.about-portrait figcaption{margin-top:6px;color:#e0be6e;font-weight:600;text-shadow:0 0 6px rgba(224,190,110,.4)}@keyframes moonPulse{0%,to{box-shadow:0 0 25px #e0be6e4d,0 0 50px #e0be6e26;border-color:#e0be6ed9}50%{box-shadow:0 0 40px #e0be6e8c,0 0 80px #e0be6e40;border-color:#ffd782f2}}.section>p{display:none!important}<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>MoonLitSculps™ 🌙 | By ThePeskyGnat</title> <style> *{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#12041f;color:#f2e3b3;font-family:Georgia,serif;text-align:center;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.banner{width:100%;background:#12041f;border-bottom:3px solid rgba(224,190,110,.5);box-shadow:0 0 40px #e0be6e4d}.banner img{width:100%;height:auto;display:block;object-fit:cover}#root{flex:1 0 auto;position:relative;z-index:1}</style> </head> <body> <header class="banner"> <img src="/e0bf9de0-79c6-4595-820f-7f161cc5150d.png" alt="MoonLitSculps™ banner by ThePeskyGnat" /> </header> <div id="root"></div> <script type="module" src="/src/main.tsx"></script> </body> </html>{}
