Online Video Downloader Now

.brand h1 font-size: 2.2rem; font-weight: 700; background: linear-gradient(135deg, #E0F2FE, #38BDF8); background-clip: text; -webkit-background-clip: text; color: transparent; letter-spacing: -0.3px;

.video-duration font-size: 0.8rem; color: #7e8aa2;

.format-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 0.8rem;

.fetch-btn background: linear-gradient(95deg, #2563eb, #1e40af); border: none; margin: 0.5rem; padding: 0.6rem 1.4rem; border-radius: 2rem; font-weight: 600; color: white; cursor: pointer; transition: transform 0.1s, background 0.2s; font-size: 0.9rem; online video downloader

/* header */ .brand text-align: center; margin-bottom: 2rem;

.download-link background: #1e293b; border-radius: 2rem; padding: 0.35rem 0.8rem; color: #90cdf4; font-size: 0.8rem; font-weight: 500; text-decoration: none; transition: 0.2s;

.video-meta display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; .brand h1 font-size: 2.2rem

.thumb-placeholder width: 100px; height: 65px; background: #1e293b; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #5b6e8c; font-size: 1.8rem; overflow: hidden;

.url-input-group:focus-within border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,0.25);

.brand p color: #9ca3af; margin-top: 0.5rem; font-size: 0.95rem; .video-duration font-size: 0.8rem

@keyframes spin to transform: rotate(360deg);

.url-input-group input::placeholder color: #475569; font-weight: 400;

.file-type font-size: 0.7rem; color: #7e8aa2; text-transform: uppercase;

.fetch-btn:hover background: linear-gradient(95deg, #3b82f6, #1e3a8a); transform: scale(0.97);