.sidebar-box{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000008}.sidebar-box.blue-bg{color:#fff;text-align:center;background:#1e40af;border:none}.sidebar-box.blue-bg h3{margin-bottom:12px;font-size:18px}.sidebar-box.blue-bg p{opacity:.9;margin-bottom:20px;font-size:13px;line-height:1.5}.sidebar-box.blue-bg button{color:#1e40af;cursor:pointer;background:#fef08a;border:none;border-radius:6px;width:100%;padding:10px 24px;font-weight:700}.sidebar-box.light-blue-bg{background:#f0f9ff;border:1px solid #e0f2fe}.popular-title{text-transform:uppercase;color:#0f172a;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;font-weight:700;display:flex}.popular-list{flex-direction:column;gap:16px;display:flex}.popular-item{align-items:center;gap:12px;display:flex}.popular-img{object-fit:cover;border-radius:6px;flex-shrink:0;width:60px;height:60px}.popular-info h4{color:#0f172a;margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.4}.popular-info span{color:#64748b;font-size:11px}.weekly-digest h3{color:#0f172a;margin-bottom:8px;font-size:14px;font-weight:700}.weekly-digest p{color:#475569;margin-bottom:16px;font-size:13px;line-height:1.4}.digest-input{border:1px solid #cbd5e1;border-radius:6px;width:100%;margin-bottom:12px;padding:10px 12px;font-size:13px}.digest-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;width:100%;padding:10px;font-weight:600}
.article-auth-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.article-auth-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:90vh;padding:40px;position:relative;overflow:hidden auto;box-shadow:0 25px 50px -12px #00000040}.article-auth-modal::-webkit-scrollbar{width:12px}.article-auth-modal::-webkit-scrollbar-track{background:0 0;margin:20px 0}.article-auth-modal::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-clip:padding-box;border:4px solid #fff;border-radius:10px}.article-auth-modal::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.auth-close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.auth-close-btn:hover{color:#0f172a;background:#e2e8f0;transform:rotate(90deg)}.auth-header{text-align:center;margin:20px 0}.auth-header h2{color:#0f172a;margin:0 0 8px;font-size:24px;font-weight:800}.auth-header h2 span{color:#2563eb}.auth-header p{color:#64748b;margin:0;font-size:14px}.auth-tabs{background:#f1f5f9;border-radius:12px;margin-bottom:20px;padding:4px;display:flex;position:relative}.auth-tab{color:#64748b;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-size:15px;font-weight:700;transition:color .3s;position:relative}.auth-tab.active{color:#2563eb}.active-tab-indicator{z-index:-1;background:#fff;border-radius:8px;position:absolute;inset:0;box-shadow:0 4px 12px #0000000d}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group-with-icon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;transition:all .3s;display:flex;position:relative}.form-group-with-icon:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.form-icon{color:#94a3b8;transition:color .3s;position:absolute;left:16px}.form-group-with-icon:focus-within .form-icon{color:#2563eb}.form-group-with-icon input,.form-group-with-icon select{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:16px 16px 16px 48px;font-family:inherit;font-size:15px}.form-group-with-icon input::placeholder{color:#94a3b8}.form-group-row{gap:16px;display:flex}.flex-1{flex:1}.auth-forgot-password{text-align:right;margin-top:-8px}.auth-forgot-password a{color:#2563eb;font-size:13px;font-weight:600;text-decoration:none}.auth-forgot-password a:hover{text-decoration:underline}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:12px;margin-top:8px;padding:16px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 20px #2563eb33}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px #2563eb4d}.auth-submit-btn:active{transform:translateY(0)}@media (max-width:640px){.article-auth-modal{border-radius:24px;margin:16px;padding:32px 24px}.form-group-row{flex-direction:column;gap:20px}}