:root{color-scheme:dark;--bg:#09051a;--panel:#17102d;--text:#fff;--muted:#b7aecb;--line:#332651;--accent:#f43f8f;--accent2:#8b5cf6}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui;background:radial-gradient(circle at 20% 0,#28104d 0,transparent 38%),var(--bg);color:var(--text)}:root[data-theme=light]{color-scheme:light;--bg:#f8f4ff;--panel:#fff;--text:#25163b;--muted:#6f6580;--line:#e5dcef}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);position:sticky;top:0;backdrop-filter:blur(18px);z-index:2}header img{width:205px;color:var(--text)}nav{display:flex;gap:20px;align-items:center}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);border-radius:999px;padding:.65rem 1rem;background:var(--panel);color:var(--text)}main{max-width:1180px;margin:auto;padding:70px 24px}.hero{text-align:center;max-width:820px;margin:auto}.hero p,.token p{color:#f472b6;font-weight:900;letter-spacing:.14em}.hero h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.02;margin:.4em 0}.hero span,.token span{color:var(--muted);font-size:1.1rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:64px 0}.cards article{background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 94%,white),var(--panel));border:1px solid var(--line);border-radius:28px;padding:30px;position:relative}.cards .featured{border-color:#d946ef;transform:translateY(-12px);box-shadow:0 25px 70px #7e22ce33}.cards i{position:absolute;right:20px;top:18px;background:linear-gradient(90deg,var(--accent),var(--accent2));padding:.45rem .65rem;border-radius:999px;font-size:.72rem;font-style:normal}.cards b{letter-spacing:.09em}.cards h2{font-size:2.5rem;margin:.55rem 0 .1rem}.cards small{color:var(--muted)}ul{padding-left:1.2rem;min-height:150px;color:var(--muted);line-height:1.8}.cards a{display:block;text-align:center;border-radius:14px;padding:1rem;background:linear-gradient(90deg,var(--accent),var(--accent2));font-weight:850}.token{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:34px;background:var(--panel)}.token aside{border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;gap:12px}.token aside strong{font-size:1.4rem}.token aside small{color:var(--muted)}#token-result{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:5px}#token-result[hidden]{display:none}.clarity{text-align:center;padding:65px 0 20px}.clarity div{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.clarity span{border:1px solid var(--line);border-radius:999px;padding:.7rem 1rem;color:var(--muted)}footer{text-align:center;padding:30px;color:var(--muted);border-top:1px solid var(--line)}@media(max-width:820px){nav a:not(:nth-child(2)){display:none}.cards{grid-template-columns:1fr}.cards .featured{transform:none}.token{grid-template-columns:1fr}header img{width:155px}}

/* Version 2.2.10: Token package shop, existing visual language preserved. */
.cards button,.package-grid button{display:block;width:100%;text-align:center;border:0;border-radius:14px;padding:1rem;background:linear-gradient(90deg,var(--accent),var(--accent2));font-weight:850;color:#fff;cursor:pointer}.package-area{margin:78px 0}.package-heading{text-align:center;max-width:820px;margin:0 auto 30px}.package-heading p{color:#f472b6;font-weight:900;letter-spacing:.14em;margin:0 0 10px}.package-heading h2{font-size:clamp(2rem,4vw,3.4rem);margin:.2rem 0 .7rem}.package-heading span{color:var(--muted);font-size:1.02rem;line-height:1.65}.package-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.package-grid article{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px 18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 94%,white),var(--panel))}.package-grid article.recommended{border-color:#d946ef;box-shadow:0 22px 60px #7e22ce2b}.package-grid i{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(90deg,var(--accent),var(--accent2));padding:.4rem .65rem;border-radius:999px;font-size:.65rem;font-style:normal;font-weight:900}.package-grid b{font-size:.76rem;letter-spacing:.08em;color:#f9a8d4}.package-grid h3{font-size:2rem;margin:.55rem 0 .2rem}.package-grid small{display:block;min-height:48px;color:var(--muted);line-height:1.45}.package-grid button{margin-top:auto}.premium-packages{padding:42px 28px;border:1px solid var(--line);border-radius:32px;background:color-mix(in srgb,var(--panel) 72%,transparent)}
@media(max-width:1050px){.package-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.package-grid{grid-template-columns:1fr}.premium-packages{padding:28px 16px}.package-grid small{min-height:0;margin-bottom:18px}}

/* LoveMatch 2.2.16 official-logo unification */
.lm-brand-lockup--official{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}
.lm-brand-lockup--official .lm-official-logo{display:block;width:92px;height:92px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(255,71,126,.38),0 0 24px rgba(255,38,125,.16)}
.lm-brand-footer .lm-brand-lockup--official .lm-official-logo{width:72px;height:72px}
a.logo:has(.lm-official-logo){display:inline-flex;align-items:center;height:auto;line-height:1}
a.logo .lm-official-logo{display:block;width:86px;height:86px;object-fit:contain;border-radius:50%;background:#fff}
@media(max-width:700px){.lm-brand-lockup--official .lm-official-logo{width:72px;height:72px}.lm-brand-footer .lm-brand-lockup--official .lm-official-logo{width:58px;height:58px}a.logo .lm-official-logo{width:68px;height:68px}}

/* LoveMatch 2.2.16 UI3: readable transparent website header logo */
.lm-brand-lockup--official{display:inline-flex;align-items:center;max-width:min(320px,42vw)}
.lm-brand-lockup--official .lm-official-logo,
a.logo .lm-official-logo{display:block;width:clamp(220px,22vw,310px);height:auto;max-height:78px;object-fit:contain;object-position:left center;border-radius:0;background:transparent!important;box-shadow:none!important}
.lm-brand-footer .lm-brand-lockup--official .lm-official-logo{width:220px;max-height:60px}
@media(max-width:700px){
 .lm-brand-lockup--official{max-width:64vw}
 .lm-brand-lockup--official .lm-official-logo,a.logo .lm-official-logo{width:clamp(170px,52vw,230px);max-height:62px}
 .lm-brand-footer .lm-brand-lockup--official .lm-official-logo{width:175px;max-height:50px}
}