/* Page shell, views, pills, buttons */
main{max-width:1180px;margin:0 auto;padding:0 24px;}
.view{display:none;animation:fadein .35s ease;}
.view.active{display:block;}
@keyframes fadein{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}

.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;font-size:0.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;}
.pill-pink{background:rgba(255,62,165,0.15);color:var(--pink-soft);}
.pill-lime{background:rgba(198,255,62,0.15);color:var(--lime);}
.pill-purple{background:rgba(139,92,246,0.18);color:#c4b0fb;}
.pill-orange{background:rgba(255,157,77,0.16);color:var(--orange);}

.btn{padding:13px 26px;border-radius:100px;font-weight:700;font-size:0.95rem;display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease, box-shadow .15s ease;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--grad-main);color:#fff;box-shadow:0 6px 24px rgba(255,62,165,0.35);}
.btn-lime{background:var(--grad-lime);color:#0f0b16;box-shadow:0 6px 24px rgba(198,255,62,0.25);}
.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text);}
.btn-sm{padding:9px 16px;font-size:0.82rem;}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;}

.fitcheck-link{position:fixed;bottom:16px;left:16px;z-index:80;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--indigo);color:#faf8f4;padding:5px 10px;border-radius:100px;font-size:11px;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,0.2);text-decoration:none;transition:transform .2s ease;}
.fitcheck-link:hover{transform:translateY(-2px);}
.fitcheck-link img{width:13px;height:13px;display:block;}