/* ShyFriends production journey, 2026-10-04. */
#sf-beta-pricing{display:inline-block;margin:0 0 14px;padding:7px 12px;border-radius:999px;background:#e7eee3;color:#203c38;font-size:14px;font-weight:700;line-height:1.4}
#nav-start[href="/signup"]{position:relative;display:inline-flex;align-items:center;gap:7px;text-decoration:none}
#nav-start[href="/signup"]::after{content:'Free to join';display:inline-block;white-space:nowrap;padding:4px 8px;border-radius:999px;background:#203c38;color:#fff;font-size:11px;line-height:1.4;animation:sf-invite-in .45s ease-out both}
@keyframes sf-invite-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#nav-start::after{animation:none!important}}
.sf-auth-page{background:#faf7f1!important;color:#203c38!important}
.sf-auth-page #app{padding-block:28px}
.sf-auth-page .sf-navigation{background:#faf7f1;color:#203c38;border-bottom:1px solid #d9dfd6}
.sf-auth-page .sf-navigation a{color:#203c38!important}
.sf-auth-page #app .widget-box,.sf-auth-page #app form{max-width:100%}
.sf-auth-page #app input{font-size:16px}
.sf-auth-page #app img[src*="shyfriends-site/"]{background:#faf7f1;border-radius:8px;padding:6px;box-sizing:content-box}
.sf-setup-guide{box-sizing:border-box;width:min(820px,calc(100% - 32px));margin:24px auto 12px;padding:22px;background:#e7eee3;color:#203c38;border-radius:16px;line-height:1.65}
.sf-setup-guide h2{font:28px/1.2 Georgia,serif;margin:0 0 12px}.sf-setup-guide a{display:inline-block;color:#203c38;text-decoration:underline;font-weight:700}.sf-setup-guide p{margin:0 0 14px}
#requirements .button{margin:8px 12px 16px 0}#requirements button{margin-top:10px}
@media(max-width:600px){#nav-start[href="/signup"]{flex-wrap:wrap;justify-content:center;gap:3px}#nav-start[href="/signup"]::after{font-size:10px}.sf-auth-page .sf-navigation{flex-wrap:wrap;gap:12px}.sf-auth-page .sf-navigation nav{display:flex;gap:14px;flex-wrap:wrap}.sf-setup-guide{padding:18px}}
.sf-auth-page #app .bg-white,.sf-auth-page #app .dark\:bg-dark-form-base{background:#fff!important;color:#203c38!important}
.sf-auth-page #app .btn-primary{background:#203c38!important;border-color:#203c38!important;color:#fff!important}
.sf-auth-page #app a{color:#203c38}