/*
Theme Name: DownedVideo Theme v27
Theme URI: https://downedvideo.com
Author: DownedVideo Dev Team
Description: Dark, modern, responsive video downloader theme with social platform grid like freedownloaded style.
Version: 27.0
Requires at least: 5.0
Tested up to: 6.7
License: GPLv2 or later
Text Domain: downedvideo-theme
*/
body{background:#0f0f0f;color:#fff;font-family:'Poppins',sans-serif;margin:0;overflow-x:hidden}
a{color:#ffcc00;text-decoration:none;transition:.3s}a:hover{color:#fff200}
header{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;background:rgba(25,25,25,.7);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000}
header img{height:60px;cursor:pointer;transition:.3s}header img:hover{filter:brightness(1.2)}
nav ul{list-style:none;display:flex;gap:25px;margin:0;padding:0}
nav ul li a{color:#fff;font-weight:500;position:relative;cursor:pointer}
nav ul li a::after{content:"";position:absolute;width:0;height:2px;left:0;bottom:-4px;background:#ffcc00;transition:.3s}
nav ul li a:hover::after{width:100%}
main{padding-top:120px;text-align:center}
#video-section input{width:min(680px,90%);padding:16px 18px;border-radius:14px;border:1px solid #2a2a2a;background:#111;color:#fff;outline:0;box-shadow:0 0 0 0 rgba(131,56,236,0);transition:.25s}
#video-section input:focus{box-shadow:0 0 0 4px rgba(131,56,236,.25);border-color:#8338ec}
#downloadBtn{margin-left:10px;padding:15px 22px;border-radius:14px;border:0;background:linear-gradient(90deg,#7b2ff7,#f107a3);color:#fff;font-weight:600;cursor:pointer;transition:.25s}
#downloadBtn:hover{transform:translateY(-1px);filter:brightness(1.1)}
.section{margin:80px auto;max-width:1100px;padding:40px;background:rgba(255,255,255,.05);border-radius:20px}
.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:24px}
.icon-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;text-align:center;padding:24px 18px;transition:.25s;backdrop-filter:blur(10px)}
.icon-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.25);border-color:rgba(131,56,236,.5)}
.icon-frame{width:72px;height:72px;border-radius:50%;margin:0 auto 12px;background:radial-gradient(circle at 30% 30%,#7b2ff7,#f107a3);display:flex;align-items:center;justify-content:center}
.icon-frame img{width:38px;height:38px;filter:drop-shadow(0 0 6px rgba(255,255,255,.35))}
.icon-card h3{margin:8px 0 6px;font-size:17px}
.icon-card p{margin:0;color:#ddd;font-size:14px;line-height:1.55}
footer{text-align:center;padding:20px;background:rgba(25,25,25,.7);color:#ccc}
@media(max-width:768px){.icon-frame{width:60px;height:60px}.icon-card{padding:20px 14px}}