:root{--color-primary:#4f46e5;--color-primary-light:#818cf8;--color-primary-dark:#3730a3;--color-bg:#f8fafc;--color-surface:#fff;--color-text:#334155;--color-heading:#0f172a;--color-border:#e2e8f0;--color-muted:#64748b;--color-accent:#e0e7ff;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}@media (prefers-color-scheme:dark){:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-text:#cbd5e1;--color-heading:#f8fafc;--color-border:#334155;--color-muted:#94a3b8;--color-accent:#312e81;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-heading);font-weight:600;line-height:1.2}#root,.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{width:100%;max-width:1280px;margin:0 auto;padding:3rem 2rem}.hero-section{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);text-align:center;color:#fff;padding:6rem 2rem 5rem;position:relative;overflow:hidden}.hero-background-glow{pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff26 0%,#0000 60%);width:120%;height:200%;position:absolute;top:-50%;left:-10%}.hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-title{letter-spacing:-.02em;color:#fff;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700}.hero-subtitle{color:#ffffffe6;max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.search-bar{max-width:600px;box-shadow:var(--shadow-lg);background:#fff;border-radius:99px;gap:.5rem;margin:0 auto;padding:.5rem;display:flex}.search-input{font-size:1rem;font-family:var(--font-sans);background:0 0;border:none;border-radius:99px;outline:none;flex:1;padding:1rem 1.5rem}.search-input::placeholder{color:var(--color-muted)}.section-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;margin-bottom:2rem;padding-bottom:1rem;display:flex}.section-header h2{color:var(--color-heading);font-size:1.75rem}.results-count{color:var(--color-muted);font-size:.875rem;font-weight:500}.btn{cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-sans);border:none;border-radius:99px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-border);background-color:#0000}.btn-outline:hover{background-color:var(--color-bg);border-color:var(--color-primary-light)}.institutes-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid}.institute-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.institute-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-light);transform:translateY(-4px)}.card-header{align-items:flex-start;gap:1.25rem;padding:1.5rem 1.5rem 0;display:flex}.logo-container{flex-shrink:0}.institute-logo,.institute-logo-placeholder{object-fit:cover;background:var(--color-bg);border-radius:16px;width:64px;height:64px;box-shadow:inset 0 2px 4px #0000000d}.institute-logo-placeholder{color:var(--color-primary);background:var(--color-accent);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.card-title-group{flex:1;min-width:0;padding-top:.25rem}.institute-name{color:var(--color-heading);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1.25rem;overflow:hidden}.institute-tagline{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.institute-about{color:var(--color-text);flex:1;margin-bottom:1.5rem;font-size:.9375rem}.institute-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.badge{background:var(--color-bg);color:var(--color-muted);border:1px solid var(--color-border);border-radius:99px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-category{background:var(--color-accent);color:var(--color-primary-dark);border-color:#0000}.badge-naac{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.badge-rank{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.institute-location{color:var(--color-muted);border-top:1px solid var(--color-border);align-items:flex-start;gap:.5rem;padding-top:1rem;font-size:.875rem;display:flex}.institute-location svg{flex-shrink:0;margin-top:.125rem}.card-footer{background:var(--color-bg);border-top:1px solid var(--color-border);justify-content:flex-end;padding:1.25rem 1.5rem;display:flex}.loading,.error,.empty-state{text-align:center;padding:5rem 2rem}.empty-state .empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state h3{color:var(--color-heading);margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:var(--color-muted)}@media (width<=768px){.hero-title{font-size:2.5rem}.hero-section{padding:4rem 1.5rem 3rem}.main-content{padding:2rem 1.5rem}.institutes-grid{grid-template-columns:1fr}}