@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700&family=Nunito:wght@400;600;700&display=swap";:root{--bg: #fff6fb;--panel: #ffffff;--primary: #ff8fb1;--primary-strong: #ff6fa0;--mint: #88e6ff;--sun: #ffd166;--text: #2f1f3c;--muted: #5f4a68;--border: rgba(255, 143, 177, .24);--shadow: 0 18px 55px rgba(255, 143, 177, .35)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#ffe5f4 0,#fff6fb 35%,#fefbff 60%),radial-gradient(circle at 80% 10%,#d2f4ff 0,#fff6fb 35%,#fefbff 60%),var(--bg);color:var(--text);font-family:Nunito,"Baloo 2",system-ui,-apple-system,sans-serif;overflow-x:hidden}#app{min-height:100vh}.nav{position:sticky;top:.75rem;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.2rem;border-radius:16px;border:1px solid var(--border);background:#ffffffeb;box-shadow:0 14px 36px #2f1f3c14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:1rem}.nav-left{display:inline-flex;align-items:center;gap:.65rem}.nav-logo{height:38px;width:38px;border-radius:12px;object-fit:cover;box-shadow:0 8px 20px #ff8fb14d}.nav-brand{font-weight:800;letter-spacing:.03em;color:var(--text)}.nav-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.btn.small{padding:.7rem 1rem;font-size:.92rem}.page{position:relative;padding:3.5rem clamp(1.5rem,5vw,5rem) 3rem;max-width:1200px;margin:0 auto;scroll-behavior:smooth}.bg-orb{position:absolute;width:360px;height:360px;filter:blur(70px);opacity:.55;z-index:0;border-radius:50%}.orb-one{top:-120px;left:-60px;background:linear-gradient(135deg,#ffd6e9,#ff9bc0)}.orb-two{top:40%;right:-120px;background:linear-gradient(135deg,#a8ecff,#ffb4e2)}.orb-three{bottom:-120px;left:10%;background:linear-gradient(135deg,#ffe3a3,#ffc2d9)}.section{position:relative;z-index:1}.hero{display:flex;flex-direction:column;gap:1rem;padding:2.5rem;align-items:center;text-align:center;background:linear-gradient(145deg,#ffffffe6,#fff0f8e6);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-visual{width:min(740px,100%);border-radius:22px;overflow:hidden;box-shadow:0 18px 55px #ff8fb152,0 0 38px #ff8fb166;background:linear-gradient(145deg,#ffe5f4,#e7f7ff);margin:1.5rem 0;animation:heroGlow 4s ease-in-out infinite alternate}.hero-visual img{display:block;width:100%;height:auto;object-fit:cover}@keyframes heroGlow{0%{transform:translateY(0);box-shadow:0 18px 55px #ff8fb152,0 0 38px #ff8fb166}to{transform:translateY(-4px);box-shadow:0 22px 65px #ff8fb17a,0 0 50px #ff8fb18c}}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;background:#fff3fb;color:var(--muted);font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:.9rem}h1{font-family:"Baloo 2",Nunito,system-ui,-apple-system,sans-serif;font-size:clamp(2rem,4.2vw,3rem);line-height:1.1;margin:0;max-width:760px}h2,h3{font-family:"Baloo 2",Nunito,system-ui,-apple-system,sans-serif;margin:0}p{margin:0;color:var(--muted);line-height:1.6}.lede{font-size:1.05rem;max-width:720px}.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:.5rem 0 0;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.2rem;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:.98rem;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;cursor:pointer}.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 36px #2f1f3c2e}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(120deg,var(--primary),var(--primary-strong));color:#2b1026;box-shadow:0 10px 30px #ff6fa059}.btn.secondary{background:linear-gradient(120deg,#8ae7ff,#c7f1ff);color:#123140;box-shadow:0 10px 30px #88e6ff59}.btn.outline{border-color:var(--border);background:#fffc;color:var(--text)}.btn.ghost{border-color:transparent;background:#fff9;color:var(--text)}.btn.chip{padding:.65rem 1rem;border:1px solid var(--border);background:#fff;color:var(--text)}.btn.micro{padding:.55rem .95rem;font-size:.92rem;background:linear-gradient(120deg,var(--sun),#ffe8a6);color:#4c2f1d;border-color:#ffd166;box-shadow:0 10px 28px #ffd16659}.ca-card{margin-top:.8rem;padding:1rem;border-radius:18px;border:1px dashed var(--border);background:#ffffffd9;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.ca-text{display:flex;flex-direction:column;gap:.3rem;align-items:center}.label{font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:700}code{padding:.45rem .75rem;border-radius:12px;background:#fff3fb;border:1px solid var(--border);font-family:Courier New,Courier,monospace;word-break:break-all;color:var(--text)}.vibe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-top:2rem}.vibe-card{background:var(--panel);border-radius:20px;padding:1.6rem;border:1px solid var(--border);box-shadow:0 12px 40px #2f1f3c0f;display:flex;flex-direction:column;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease}.vibe-card:hover{transform:translateY(-6px);box-shadow:0 18px 60px #2f1f3c1f}.badge{align-self:flex-start;padding:.35rem .8rem;border-radius:999px;background:#ffe9f5;color:#d54f8c;font-weight:700;letter-spacing:.01em;border:1px solid rgba(255,143,177,.4)}.badge.alt{background:#e7f7ff;color:#1c85a8;border-color:#88e6ffb3}.badge.soft{background:#fff4de;color:#b07a1f;border-color:#ffd16699}.vibe-card h2{font-size:1.3rem}.gallery{margin-top:2rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.gallery-thumb{position:relative;background:var(--panel);border-radius:16px;border:1px solid var(--border);overflow:hidden;padding:0;cursor:pointer;box-shadow:0 12px 40px #2f1f3c0f;transition:transform .16s ease,box-shadow .16s ease}.gallery-thumb img{display:block;width:100%;height:200px;object-fit:cover;transition:transform .22s ease,filter .22s ease}.gallery-thumb:hover{transform:translateY(-2px);box-shadow:0 16px 50px #2f1f3c1f}.gallery-thumb:hover img{transform:scale(1.04);filter:saturate(1.1)}.thumb-label{position:absolute;left:10px;bottom:10px;padding:.4rem .8rem;border-radius:999px;background:#ffffffd9;color:var(--text);font-weight:700;font-size:.9rem;border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox{position:fixed;inset:0;background:#16091280;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:10}.lightbox.open{opacity:1;pointer-events:auto}.lightbox-content{position:relative;max-width:min(900px,90vw);max-height:90vh;background:#fff;border-radius:18px;padding:1rem;box-shadow:0 24px 80px #16091259;display:flex;flex-direction:column;gap:.8rem}.lightbox-content img{width:100%;max-height:70vh;object-fit:contain;border-radius:12px}.lightbox-close{position:absolute;top:10px;right:10px;border:none;background:#ffffffd9;border-radius:50%;width:36px;height:36px;font-size:1.4rem;cursor:pointer;box-shadow:0 6px 20px #0000001a}.lightbox-actions{display:flex;justify-content:flex-end}.copy-inline{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.4rem}.copy-inline .label{margin:0}.lore-area{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-top:2rem}.lore-card{background:var(--panel);border-radius:22px;padding:2rem;border:1px solid var(--border);box-shadow:0 12px 40px #2f1f3c0f}.lore-card h2{margin:.4rem 0;font-size:1.5rem}.lore-card p+p{margin-top:.8rem}.lore-cta{margin-top:1.2rem;display:inline-flex}.footer{margin-top:2rem;padding:1.4rem 1.2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;border-radius:18px;border:1px solid var(--border);background:#ffffffe6}.footer-left{max-width:540px}.footer-actions{display:flex;gap:.7rem;flex-wrap:wrap}.muted{color:var(--muted)}@media(max-width:640px){.hero{padding:1.8rem}.cta-row{flex-direction:column;align-items:stretch}.ca-card{align-items:stretch}.footer{flex-direction:column;align-items:flex-start}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .52s ease,transform .52s ease}.reveal.show{opacity:1;transform:translateY(0)}
