/* Users, Comments, Modal, Animation, Fast Image Rendering */
.auth-container,.user-profile-container{max-width:760px}
.auth-card,.profile-form-card,.user-profile-card,.comments-section{padding:30px}
.auth-card h1,.profile-form-card h2,.comments-head h2{font-size:clamp(28px,7vw,42px);line-height:1.1;font-weight:900;letter-spacing:-.05em}
.auth-card p,.profile-form-card p{color:#667085;line-height:1.75}
.auth-form{display:grid;gap:12px;margin-top:20px}
.auth-form label{font-weight:850;color:#101828}
.auth-switch{margin-top:18px;text-align:center}.auth-switch a{font-weight:900;color:var(--primary);text-decoration:none}
.user-banner{height:170px;border-radius:24px;background:linear-gradient(135deg,rgba(24,184,232,.18),rgba(78,115,223,.18));overflow:hidden}
.user-banner img{width:100%;height:100%;object-fit:cover}.user-profile-head{text-align:center;margin-top:-54px}
.user-avatar{width:108px;height:108px;border-radius:50%;background:#fff;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border:6px solid #fff;box-shadow:0 16px 32px rgba(15,23,42,.12);overflow:hidden}
.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar i{font-size:36px;color:#94a3b8}
.user-profile-head h1{font-size:30px;font-weight:900;margin:0}.user-profile-head p{color:#667085;font-weight:800}
.user-status{display:inline-flex;padding:7px 14px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:900;font-size:13px}
.comments-section{margin-top:28px}.comments-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.comment-form{display:grid;gap:12px;margin-bottom:24px}.comment-login-box{background:#f8fafc;border-radius:20px;padding:18px;display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:22px}
.comment-login-box p{margin:0;color:#667085;font-weight:700}.comment-list{display:grid;gap:14px}
.comment-item{display:flex;gap:14px;background:#f8fafc;border-radius:20px;padding:16px}.comment-avatar{width:44px;height:44px;border-radius:50%;background:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:4px}.comment-meta span{font-size:13px;color:#94a3b8;font-weight:700}
.comment-item p{margin:0;color:#475467;font-size:14.5px;line-height:1.65}.empty-comments{padding:20px;text-align:center;color:#94a3b8;font-weight:800}
.neo-bs5-modal{border:0;border-radius:24px;box-shadow:0 30px 80px rgba(15,23,42,.24)}.neo-bs5-modal .modal-header,.neo-bs5-modal .modal-footer{border-color:#edf2f7}.neo-bs5-modal .modal-title{font-weight:900;letter-spacing:-.03em}
.neo-reveal{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}.neo-reveal.is-visible{opacity:1;transform:none}.neo-img-render{content-visibility:auto;background:#f3f6fb}
@media(max-width:640px){.auth-card,.profile-form-card,.user-profile-card,.comments-section{padding:22px}.comments-head{align-items:flex-start;flex-direction:column}.comment-login-box{align-items:flex-start;flex-direction:column}.user-banner{height:140px}}