.astro-card{padding:24px;background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:28px;box-shadow:0 4px 20px #1f26870d;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.astro-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#a855f7);opacity:0;transition:opacity .4s ease}.astro-card:hover{transform:translateY(-8px);background:#fffc;border-color:#6366f14d;box-shadow:0 15px 35px #6366f11f}.astro-card:hover:before{opacity:1}.astro-main-row{display:flex;gap:18px;margin-bottom:20px;align-items:center}.astro-image-container{position:relative;flex-shrink:0}.astro-img{width:84px;height:84px;border-radius:24px;-o-object-fit:cover;object-fit:cover;border:3px solid white;box-shadow:0 5px 15px #00000014;transition:transform .4s ease}.astro-card:hover .astro-img{transform:scale(1.05)}.status-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);font-size:9px;padding:2px 10px;border-radius:10px;color:#fff;font-weight:600;border:2px solid white;white-space:nowrap;text-transform:uppercase;letter-spacing:.8px;z-index:2}.status-badge.online{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98166}.status-badge.busy{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b66}.status-badge.offline{background:linear-gradient(135deg,#94a3b8,#64748b)}.notify-btn{display:inline-flex;align-items:center;gap:6px;background:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe;padding:8px 14px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:background .2s ease}.notify-btn:hover{background:#e0e7ff}.astro-info{text-align:left;flex-grow:1}.astro-name{font-size:19px;font-weight:400;margin-bottom:4px;color:#1e1b4b;letter-spacing:-.02em;transition:color .3s ease}.astro-card:hover .astro-name{color:#4f46e5}.astro-spec{font-size:13px;color:#6366f1;margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.astro-lang,.astro-exp{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px;margin-bottom:2px}.astro-footer-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(99,102,241,.1);padding-top:18px;margin-top:auto}.astro-stats{display:flex;flex-direction:column;gap:2px}.rating{color:#f59e0b;font-weight:400;font-size:15px;display:flex;align-items:center;gap:4px}.price{color:#1e1b4b;font-weight:600;font-size:14px;opacity:.8}.action-buttons{display:flex;gap:8px;align-items:center}.view-profile-link{padding:10px 16px;background:#6366f10d;color:#4f46e5;border-radius:14px;font-size:13px;font-weight:600;transition:all .3s ease;border:1px solid rgba(99,102,241,.1)}.view-profile-link:hover{background:#6366f11a;transform:translateY(-2px)}.chat-now-btn{padding:10px 22px;font-size:14px;border-radius:14px;font-weight:600;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff!important;box-shadow:0 4px 12px #6366f140;transition:all .3s ease;border:none;cursor:pointer}.chat-now-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #6366f159;background:linear-gradient(135deg,#4f46e5,#4338ca)}.offline-badge{padding:10px 20px;background:#f1f5f9;color:#94a3b8;border-radius:14px;font-size:13px;font-weight:600;border:1px solid #e2e8f0}.native-app .astro-card{padding:16px;border-radius:18px}.astrologer-section{padding:80px 0;min-height:500px;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(168,85,247,.03) 0%,transparent 40%);position:relative}.astrologer-section:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.section-header{text-align:center;margin-bottom:60px;background:linear-gradient(135deg,#6366f10d,#edab3c);padding:60px 40px;border-radius:40px;border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 30px #00000008;backdrop-filter:blur(10px)}.section-header h2{font-size:42px;font-weight:400;margin-bottom:18px;color:#1e1b4b;letter-spacing:-.02em}.section-header p{color:#475569;max-width:650px;margin:0 auto;font-size:18px;line-height:1.6}.astro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px;position:relative;z-index:1}.loading{text-align:center;padding:80px;font-size:20px;color:#6366f1;font-weight:600}.filters-container{margin-bottom:50px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;background:#ffffff80;padding:20px 30px;border-radius:24px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 15px #00000005}.search-box{position:relative;flex:1;min-width:280px}.search-box input{padding:14px 20px 14px 50px;border-radius:18px;border:1px solid rgba(0,0,0,.08);width:100%;font-size:15px;outline:none;transition:all .3s;background:#fff}.search-box .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#6366f1}.search-box input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.category-filters{display:flex;flex-wrap:wrap;gap:12px}.filter-btn{padding:10px 20px;border-radius:15px;border:1px solid rgba(0,0,0,.05);background:#fff;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#475569;font-weight:600;display:flex;align-items:center;gap:8px}.filter-btn:hover{background:#f8fafc;border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}.filter-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 4px 12px #6366f133}.no-results{grid-column:1 / -1;text-align:center;padding:60px;color:#64748b;font-size:18px;background:#ffffff80;border-radius:20px;border:1px dashed #cbd5e1}@media(max-width:768px){.astrologer-section{padding:60px 0}.section-header h2{font-size:32px}.section-header p{font-size:16px}.filters-container{padding:15px;gap:15px}.category-filters{width:100%;overflow-x:auto;padding-bottom:5px;flex-wrap:nowrap;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;font-size:13px;padding:8px 16px}}@media(max-width:380px){.section-header h2{font-size:22px}}.native-app .astrologer-section{padding:16px 12px}.native-app .section-header{padding:20px 16px;margin-bottom:16px;border-radius:16px}.native-app .section-header h2{font-size:22px;margin-bottom:8px}.native-app .section-header p{font-size:14px}.native-app .filters-container{padding:12px 16px;margin-bottom:20px;gap:12px}.native-app .astro-grid{gap:12px}