body.invite-page{background:linear-gradient(-135deg, var(--primary-very-low), var(--secondary));font-family:IRANSansN,IRANSans,sans-serif !important;font-feature-settings:"ss04"}body.invite-page .username{font-family:IRANSans,sans-serif !important;font-feature-settings:"ss04" 0}body.invite-page #main-outlet-wrapper,body.invite-page #main-outlet{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-offset, 62px));width:100%}body.invite-page .invites-show{display:flex;justify-content:center;width:100%}body.invite-page .invite-form{background-color:var(--secondary);padding:40px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid var(--primary-low);max-width:450px;width:100%;text-align:center;margin:0 auto}body.invite-page .invited-by p:first-child{font-size:1.2rem;font-weight:bold;color:var(--primary);margin-bottom:25px}body.invite-page .invited-by .user-info{background-color:var(--primary-very-low);border-radius:12px;padding:15px 20px;margin-bottom:35px;display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid var(--primary-low);transition:transform .2s ease}body.invite-page .invited-by .user-info:hover{transform:translateY(-2px)}body.invite-page .user-image img.avatar{border-radius:50%;border:3px solid var(--tertiary);width:60px;height:60px}body.invite-page .user-detail{display:flex;flex-direction:column;align-items:flex-start}body.invite-page .user-detail .name{font-size:1.1rem;font-weight:bold;color:var(--primary)}body.invite-page .user-detail .username{font-size:.9rem;color:var(--primary-medium)}body.invite-page .btn.discourse-connect{width:100%;padding:15px 24px;font-size:1.2rem;font-family:IRANSansN,IRANSans,sans-serif !important;font-weight:bold;border-radius:10px;background-color:var(--tertiary);color:var(--secondary);border:none;transition:all .3s ease;display:flex;justify-content:center;align-items:center}body.invite-page .btn.discourse-connect:hover{background-color:var(--tertiary-hover);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.15)}@media(max-width: 500px){body.invite-page .invite-form{padding:30px 20px;border-radius:12px}}