.home-page{--home-accent:var(--primary);color:var(--foreground);background:var(--card);min-width:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.home-page *,.home-page :before,.home-page :after{box-sizing:border-box}.home-page button{font:inherit;cursor:pointer}.home-page button:disabled{cursor:wait;opacity:.6}.home-page button:focus-visible{outline:3px solid var(--home-accent);outline-offset:4px}.home-page [hidden]{display:none!important}.home-page .search-section{z-index:2;background:linear-gradient(180deg,var(--card),var(--card));text-align:center;padding:clamp(2rem,5vw,4rem) 1.25rem 2rem;position:relative}.home-page .hero-inner{flex-direction:column;align-items:center;max-width:900px;margin:auto;display:flex}.home-page .hero-eyebrow{color:var(--link);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:750}.home-page .headline{max-width:780px}.home-page .headline h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2rem,4.8vw,3.75rem);font-weight:800;line-height:1.12}.home-page .hero-subtext{max-width:560px;color:var(--muted-foreground);margin:1rem auto 0;font-size:1.05rem;line-height:1.65}.home-page .hero-syllabi-count{color:var(--muted-foreground);margin:1rem 0 0;font-size:.9rem}.home-page .hero-syllabi-count strong{color:var(--link)}.home-page .hero-search-card{background:var(--card);width:100%;max-width:660px;box-shadow:0 8px 28px var(--shadow);border-radius:14px;margin-top:1.5rem}.home-page .search-wrapper{width:100%;position:relative}.home-page .search-input{border:1px solid var(--border);background:var(--card);width:100%;min-height:60px;font:inherit;color:var(--foreground);border-radius:14px;padding:1rem 3.5rem 1rem 1.25rem;font-size:1.05rem}.home-page .search-input:focus{border-color:var(--link);outline:3px solid #1e88e526}.home-page .search-input::placeholder{color:var(--muted-foreground)}.home-page .clear-btn{width:44px;height:44px;color:var(--muted-foreground);background:0 0;border:0;border-radius:8px;font-size:1.5rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.home-page .clear-btn:hover{background:var(--muted)}.home-page .search-hint{color:var(--muted-foreground);margin:.75rem 0 0;font-size:.85rem;line-height:1.5}.home-page .hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem;display:flex}.home-page .hero-actions button{border-radius:10px;min-height:44px;padding:.65rem 1rem;font-size:.9rem;font-weight:650}.home-page .home-browse{border:1px solid var(--home-accent);color:var(--primary-foreground);background:var(--home-accent)}.home-page .home-browse:hover{background:var(--primary)}.home-page .home-browse span{margin-left:.5rem}.home-page .home-upload{background:var(--card);color:var(--link);border:1px solid var(--border)}.home-page .home-upload:hover{background:var(--card)}.home-page .results-box{overscroll-behavior:contain;border:1px solid var(--border);background:var(--card);max-height:min(360px,50vh);box-shadow:0 16px 36px var(--shadow);z-index:10;text-align:left;border-radius:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.home-page .result-item{border:0;border-bottom:1px solid var(--border);background:var(--card);width:100%;min-height:48px;color:var(--foreground);text-align:left;overflow-wrap:anywhere;flex-direction:column;gap:4px;padding:.85rem 1rem;display:flex}.home-page .result-item small{color:var(--muted-foreground)}.home-page .result-item:hover,.home-page .result-item.highlighted{background:var(--muted)}.home-page .match{color:inherit;background:var(--muted);border-radius:3px}.home-page .no-result{color:var(--muted-foreground);padding:1rem}.home-page .no-result p{margin:0 0 .65rem}.home-page .request-college-btn,.home-page .home-retry{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--link);border-radius:8px;padding:.6rem .85rem;font-weight:650}.home-page .college-scroll-wrapper{width:100%;max-width:900px;margin:1rem auto 2rem;padding:0 1.5rem}.home-page .scroll-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.home-page .scroll-title{letter-spacing:-.025em;margin:0;font-size:clamp(1.15rem,2.5vw,1.4rem)}.home-page .college-list-subtitle{color:var(--muted-foreground);margin:.4rem 0 0;font-size:.9rem;line-height:1.5}.home-page .scroll-cta{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--link);border-radius:9px;flex-shrink:0;padding:.5rem .75rem}.home-page .top-colleges-list{gap:.75rem;display:grid}.home-page .top-college-row{border:1px solid var(--border);background:var(--card);width:100%;color:var(--foreground);text-align:left;border-radius:14px;grid-template-columns:32px minmax(0,1fr) 64px;align-items:center;gap:1rem;padding:1rem;transition:border-color .15s,background .15s;display:grid}.home-page button.top-college-row:hover{border-color:var(--border);background:var(--card)}.home-page .college-rank{background:var(--muted);width:32px;height:32px;color:var(--link);border-radius:50%;place-items:center;font-size:.85rem;font-weight:750;display:grid}.home-page .top-college-info{min-width:0}.home-page .top-college-name{overflow-wrap:anywhere;font-weight:750;line-height:1.4}.home-page .top-college-location{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:3px;font-size:.8rem}.home-page .top-college-count{color:var(--link);margin-top:4px;font-size:.85rem}.home-page .top-college-thumb{background:var(--muted);width:64px;height:64px;color:var(--link);border-radius:12px;place-items:center;font-weight:750;display:grid;position:relative;overflow:hidden}.home-page .top-college-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.home-page .home-load-error{border:1px solid var(--destructive);background:var(--card);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.home-page .home-load-error p{flex:240px;margin:0;font-size:.9rem;line-height:1.6}.home-page .home-empty{color:var(--muted-foreground);padding:1rem;line-height:1.6}.home-page .home-empty button{color:var(--link);background:0 0;border:0;min-height:44px;text-decoration:underline}.home-page .skeleton-line,.home-page .skeleton-img{background:var(--muted);border-radius:6px;animation:1.4s ease-in-out infinite alternate home-pulse}.home-page .skeleton-line{height:14px;margin:6px 0}.home-page .skeleton-line.long{width:75%}.home-page .skeleton-line.short{width:45%}.home-page .rank-skeleton{border-radius:50%;width:32px;height:32px}.home-page .thumb-skeleton{border-radius:12px;width:64px;height:64px}.home-page .why-section,.home-page .trust-section{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:3rem;max-width:1000px;margin:0 auto;padding:3rem 1.5rem;display:grid}.home-page .trust-section{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.home-page .why-section{text-align:left;max-width:900px;padding-left:1.5rem;padding-right:1.5rem;display:block}.home-page .why-content{width:100%}.home-page .why-img,.home-page .trust-image{border-radius:16px;justify-self:center;width:100%;max-width:340px;height:auto}.home-page .why-content h3,.home-page .trust-content h3{letter-spacing:-.035em;margin:0 0 1rem;font-size:1.6rem}.home-page .why-content p,.home-page .trust-content p{color:var(--muted-foreground);margin:0 0 1rem;line-height:1.75}.home-page .btn{background:var(--home-accent);min-height:44px;color:var(--primary-foreground);border:0;border-radius:10px;padding:.7rem 1rem}.home-page .trust-list{color:var(--muted-foreground);margin:0 0 1rem;padding-left:1.25rem;line-height:1.75}.home-page .trust-list li{margin-bottom:.5rem;padding-left:.25rem}.home-page .trust-list li::marker{color:var(--link)}.home-page .why-content .home-review-note{color:var(--muted-foreground);margin:.75rem 0 0;font-size:.8rem}@keyframes home-pulse{to{opacity:.45}}@media (width<=640px){.home-page .search-section{padding:2rem 1rem 1.5rem}.home-page .hero-subtext{font-size:.95rem}.home-page .search-input{min-height:56px;font-size:1rem}.home-page .hero-actions{width:100%}.home-page .hero-actions button{flex:150px}.home-page .college-scroll-wrapper{padding:0 1rem}.home-page .scroll-header{align-items:flex-start;gap:.75rem}.home-page .top-college-row{grid-template-columns:28px minmax(0,1fr) 48px;gap:.65rem;padding:.85rem}.home-page .college-rank{width:28px;height:28px}.home-page .top-college-thumb,.home-page .thumb-skeleton{width:48px;height:48px}.home-page .why-section,.home-page .trust-section{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:2rem 1rem}.home-page .why-img,.home-page .trust-image{max-width:280px}}@media (prefers-reduced-motion:reduce){.home-page *,.home-page :before,.home-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
