:root{--color-primary:#1e40af;--color-secondary:#3b82f6;--color-accent:#7c3aed;--color-bg-light:#f8fafc;--color-bg-pale:#eff6ff;--color-text-main:#1e293b;--color-dorm:#7c3aed;--color-traditional:#10b981;--color-hotel:#f43f5e}body{background-color:var(--color-bg-light);color:var(--color-text-main);font-family:Inter,sans-serif;scroll-behavior:smooth}.bg-primary{background-color:var(--color-primary)}.text-primary{color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.text-secondary{color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.text-accent{color:var(--color-accent)}.bg-pale{background-color:var(--color-bg-pale)}.bg-light{background-color:var(--color-bg-light)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.btn-internstays{background-color:var(--color-secondary);color:#fff;transition:all .3s ease}.btn-internstays:hover{background-color:var(--color-primary);transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--color-secondary);color:var(--color-secondary);transition:all .3s ease}.btn-outline:hover{background-color:var(--color-secondary);color:#fff}.badge-dorm{background-color:var(--color-dorm);box-shadow:0 2px 8px rgba(124,58,237,.4);color:#fff}.badge-traditional{background-color:var(--color-traditional);box-shadow:0 2px 8px rgba(16,185,129,.4);color:#fff}.badge-hotel{background-color:var(--color-hotel);box-shadow:0 2px 8px rgba(244,63,94,.4);color:#fff}.badge-bgcheck{background-color:#f59e0b;box-shadow:0 2px 8px rgba(245,158,11,.4);color:#fff}.city-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;cursor:pointer;overflow:hidden;transition:all .3s ease}.city-card:hover{border-color:var(--color-secondary);box-shadow:0 12px 24px rgba(0,0,0,.1);transform:translateY(-4px)}.city-card img{height:200px;object-fit:cover;width:100%}.city-card .vibe-badge{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));color:#fff;font-weight:600;padding:.25rem .75rem}.city-card .vibe-badge,.modal-content .vibe-badge{border-radius:9999px;display:inline-block;font-size:.75rem}.modal-content .vibe-badge{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.25);color:var(--color-primary);font-weight:700;padding:.375rem 1rem}.listing-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;transition:all .3s ease}.listing-card:hover{border-color:var(--color-secondary);box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.listing-card img{height:200px;object-fit:cover;width:100%}.search-form-card{background:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.15)}.resource-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.resource-card:hover{border-color:var(--color-secondary);box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.gradient-hero{background:linear-gradient(135deg,#1e3a5f,#1e40af 50%,#3b82f6)}.gradient-roommate{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%)}.modal-backdrop{align-items:center;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.6);display:none;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}.modal-backdrop.open{display:flex}.modal-content{animation:modalIn .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 25px 50px rgba(0,0,0,.25);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loader{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid var(--color-secondary);height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-out forwards}.price-primary{color:var(--color-primary);font-size:1.5rem;font-weight:800}.price-monthly{color:#64748b;font-size:.85rem}.filter-pill{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .75rem;transition:all .2s ease}.filter-pill:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.filter-pill.active{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.amenity-tag{align-items:center;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;color:#475569;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.25rem .625rem}.video-placeholder{align-items:center;background:rgba(0,0,0,.2);border:2px dashed hsla(0,0%,100%,.3);border-radius:.75rem;cursor:pointer;display:flex;justify-content:center;transition:all .3s ease}.video-placeholder:hover{background:rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.5)}.article-content{color:#475569;font-size:1.05rem!important;line-height:1.8!important;max-width:none}.article-content h2{border-bottom:2px solid #e2e8f0!important;color:#1e293b!important;font-size:1.6rem!important;font-weight:800!important;margin-bottom:1rem!important;margin-top:2.5rem!important;padding-bottom:.5rem!important}.article-content h2:first-child{margin-top:0!important}.article-content h3{color:#334155!important;font-size:1.25rem!important;font-weight:700!important;margin-bottom:.75rem!important;margin-top:2rem!important}.article-content p{color:#475569!important;margin-bottom:1rem!important}.article-content ol,.article-content ul{margin-bottom:1.25rem!important;padding-left:1.5rem!important}.article-content ul{list-style-type:disc!important}.article-content ol{list-style-type:decimal!important}.article-content li{color:#475569!important;display:list-item!important;line-height:1.7!important;margin-bottom:.5rem!important}.article-content strong{color:#1e293b!important;font-weight:700!important}.article-content a{color:var(--color-secondary)!important;font-weight:600!important;text-decoration:none!important}.article-content a:hover{text-decoration:underline!important}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;color:#334155;font-size:.875rem;line-height:1.5;min-height:46px}input[type=date]::-webkit-date-and-time-value{text-align:left}select{min-height:46px}@media (max-width:768px){.hero-grid{grid-template-columns:1fr}.search-form-card{margin-top:2rem;max-width:100%;overflow:hidden}input[type=date],select{font-size:16px}}