.popup-overlay[data-v-0b14c569]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:15px}.popup-container[data-v-0b14c569]{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;width:100%;max-width:800px;max-height:90vh;position:relative;box-shadow:0 25px 50px -12px #00000040,inset 0 0 20px #ffffff80;padding:50px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.popup-container[data-v-0b14c569]::-webkit-scrollbar{width:4px}.popup-container[data-v-0b14c569]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}@media (max-width: 768px){.popup-container[data-v-0b14c569]{padding:40px 20px 30px;border-radius:12px;max-width:500px}}.close-btn[data-v-0b14c569]{position:absolute;top:20px;right:20px;width:38px;height:38px;border-radius:50%;border:none;background:#0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);color:#475569;z-index:20}.close-btn[data-v-0b14c569]:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.popup-header[data-v-0b14c569]{text-align:center;margin-bottom:35px}.popup-header h2[data-v-0b14c569]{font-size:28px;font-weight:800;color:#1e293b;margin-bottom:10px;line-height:1.3}@media (max-width: 640px){.popup-header h2[data-v-0b14c569]{font-size:22px}}.popup-header h2 span[data-v-0b14c569]{background:linear-gradient(135deg,#102a6d,#45abe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic}.popup-header p[data-v-0b14c569]{color:#64748b;font-size:15px}.role-selection[data-v-0b14c569]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}@media (max-width: 640px){.role-selection[data-v-0b14c569]{grid-template-columns:1fr;gap:12px}}.role-card[data-v-0b14c569]{display:flex;flex-direction:column;padding:30px 25px;border-radius:10px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;background:#fff}@media (max-width: 640px){.role-card[data-v-0b14c569]{flex-direction:row;align-items:center;padding:15px 20px;gap:15px}}.role-card.owner[data-v-0b14c569]{background:linear-gradient(135deg,#102a6d0d,#45abe60d);border-color:#102a6d1a}.role-card.renter[data-v-0b14c569]{background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border-color:#0000000d}.role-card[data-v-0b14c569]:hover{transform:translateY(-5px);box-shadow:0 15px 30px -10px #0000001a}@media (max-width: 640px){.role-card[data-v-0b14c569]:hover{transform:scale(1.02)}}.role-card.owner[data-v-0b14c569]:hover{border-color:#102a6d;background:#fff}.role-card.renter[data-v-0b14c569]:hover{border-color:#45abe6;background:#fff}.role-icon[data-v-0b14c569]{width:55px;height:55px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 15px -3px #0000000d;transition:transform .5s ease;flex-shrink:0}@media (max-width: 640px){.role-icon[data-v-0b14c569]{width:45px;height:45px;margin-bottom:0;border-radius:8px}}.role-card:hover .role-icon[data-v-0b14c569]{transform:scale(1.1) rotate(5deg)}.role-icon span[data-v-0b14c569]{font-size:30px;background:linear-gradient(135deg,#102a6d,#45abe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 640px){.role-icon span[data-v-0b14c569]{font-size:24px}}.role-info[data-v-0b14c569]{flex:1}.role-info h3[data-v-0b14c569]{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:8px}@media (max-width: 640px){.role-info h3[data-v-0b14c569]{font-size:16px;margin-bottom:2px}}.role-info p[data-v-0b14c569]{color:#64748b;font-size:13px;line-height:1.4;margin-bottom:20px}@media (max-width: 640px){.role-info p[data-v-0b14c569]{margin-bottom:0;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.role-action[data-v-0b14c569]{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:#102a6d;margin-top:auto}@media (max-width: 640px){.role-action[data-v-0b14c569]{display:none}}.role-action i[data-v-0b14c569]{transition:transform .3s ease}.role-card:hover .role-action i[data-v-0b14c569]{transform:translate(5px)}.popup-footer[data-v-0b14c569]{text-align:center;font-size:13px;color:#64748b}.popup-footer a[data-v-0b14c569]{color:#102a6d;font-weight:700;text-decoration:none;margin-left:5px}.popup-footer a[data-v-0b14c569]:hover{text-decoration:underline}.fade-enter-active[data-v-0b14c569],.fade-leave-active[data-v-0b14c569]{transition:opacity .6s ease}.fade-enter-from[data-v-0b14c569],.fade-leave-to[data-v-0b14c569]{opacity:0}.zoom-enter-active[data-v-0b14c569],.zoom-leave-active[data-v-0b14c569]{transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .6s ease}.zoom-enter-from[data-v-0b14c569],.zoom-leave-to[data-v-0b14c569]{transform:scale(.9) translateY(20px);opacity:0}.banner-slide[data-v-d1ad8d23]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease-in-out;z-index:1}.banner-slide.active[data-v-d1ad8d23]{opacity:1;z-index:2}.banner-text[data-v-d1ad8d23]{z-index:10}.banner-dots[data-v-d1ad8d23]{position:absolute;bottom:95px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:20}.banner-dot[data-v-d1ad8d23]{width:10px;height:10px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease}.banner-dot.active[data-v-d1ad8d23]{background:#fff;transform:scale(1.3);box-shadow:0 0 10px #fffc}.landlord-avatar-badge[data-v-d1ad8d23]{position:absolute;top:25px;right:25px;width:46px;height:46px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 4px 10px #0000004d;z-index:10;background:#fff;transition:transform .3s ease;cursor:pointer;box-sizing:border-box}.landlord-avatar-badge.is-vip[data-v-d1ad8d23]{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#f59e0b,#fbbf24,#d97706) border-box;box-shadow:0 4px 15px #f59e0b66}.landlord-avatar-badge[data-v-d1ad8d23]:hover{transform:scale(1.1)}.landlord-avatar-badge img[data-v-d1ad8d23]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;display:block}.vip-crown-badge[data-v-d1ad8d23]{position:absolute;top:-5px;right:-5px;font-size:10px;background:linear-gradient(135deg,#f59e0b,#d97706);border:1.5px solid #ffffff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003}