*{margin:0;padding:0;box-sizing:border-box}
:root{--bg-primary:#0a0c12;--surface-glass:rgba(21,24,33,0.65);--border-glass:rgba(66,71,94,0.35);--accent-primary:#6366f1;--accent-secondary:#06b6d4;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-glow:0 0 20px rgba(99,102,241,0.3)}
body{font-family:'Inter',sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(99,102,241,0.08),transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(6,182,212,0.06),transparent 50%);pointer-events:none;z-index:0}
.orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}
.orb-1{top:-200px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,0.2),transparent);animation:floatOrb 25s ease-in-out infinite}
.orb-2{bottom:-150px;right:-80px;width:450px;height:450px;background:radial-gradient(circle,rgba(6,182,212,0.15),transparent);animation:floatOrb 30s ease-in-out infinite reverse}
@keyframes floatOrb{0%,100%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(30px,-20px) rotate(5deg)}66%{transform:translate(-20px,15px) rotate(-3deg)}}
.container{max-width:900px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:2}
header{position:sticky;top:0;z-index:100;background:rgba(10,12,18,0.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);padding:1rem 0}
.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.logo{font-size:1.5rem;font-weight:800;letter-spacing:-0.02em;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none}
.logo span{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}
nav{display:flex;gap:0.5rem;flex-wrap:wrap}
nav a{color:var(--text-secondary);text-decoration:none;padding:0.5rem 1rem;font-size:0.85rem;font-weight:500;border-radius:10px;transition:all 0.25s}
nav a:hover{color:var(--text-primary);background:var(--surface-glass)}
.hero{text-align:center;padding:2.5rem 0 1.5rem}
.hero-prompt{display:inline-flex;align-items:center;gap:0.5rem;background:var(--surface-glass);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:100px;padding:0.4rem 1.2rem;font-size:0.8rem;color:var(--text-secondary);margin-bottom:1.5rem}
h1{font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800;letter-spacing:-0.02em;margin-bottom:0.75rem;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}
h1 em{font-style:normal;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}
.tagline{font-size:0.95rem;color:var(--text-secondary);max-width:550px;margin:0 auto}
.input-box{background:var(--surface-glass);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:24px;padding:1.5rem;max-width:600px;margin:1.5rem auto}
.input-box input{width:100%;background:rgba(0,0,0,0.3);border:1px solid var(--border-glass);border-radius:16px;padding:0.9rem 1rem;color:var(--text-primary);font-size:0.95rem;font-family:inherit;margin-bottom:1rem}
.input-box input:focus{outline:none;border-color:var(--accent-primary)}
.btn-group{display:flex;gap:0.5rem}
.btn-mp4{flex:1;padding:0.85rem;background:var(--accent-primary);color:#fff;border:none;border-radius:14px;font-weight:600;font-size:0.95rem;cursor:pointer}
.btn-mp3{flex:1;padding:0.85rem;background:var(--accent-secondary);color:#000;border:none;border-radius:14px;font-weight:600;font-size:0.95rem;cursor:pointer}
.btn-mp4:hover,.btn-mp3:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}
.content-section{background:var(--surface-glass);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:20px;padding:1.5rem;margin:1.5rem 0}
.content-section h2{font-size:1.3rem;font-weight:700;margin-bottom:0.75rem;background:linear-gradient(135deg,var(--text-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}
.content-section p,.content-section li{color:var(--text-secondary);line-height:1.7;font-size:0.9rem;margin-bottom:0.5rem}
.content-section ul{padding-left:1.25rem}
.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0.75rem;margin-top:1rem}
.platform-tag{background:rgba(0,0,0,0.3);border:1px solid var(--border-glass);border-radius:12px;padding:0.6rem;text-align:center;font-size:0.8rem;color:var(--text-secondary)}
footer{border-top:1px solid var(--border-glass);padding:1.5rem 0;margin-top:3rem;text-align:center}
footer p{color:var(--text-muted);font-size:0.8rem;margin-bottom:0.75rem}
footer .footer-links{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap}
footer a{color:var(--text-secondary);text-decoration:none;font-size:0.78rem}
footer a:hover{color:var(--accent-primary)}
@media(max-width:768px){nav{display:none}.container{padding:0 1rem}}

/* Comparison table styles */
.comparison-table{width:100%;border-collapse:collapse}
.comparison-table th,.comparison-table td{padding:0.75rem 0.5rem;text-align:left;border-bottom:1px solid var(--border-glass)}
.comparison-table th{color:var(--accent-primary);font-weight:600}
.comparison-table td{color:var(--text-secondary)}
.comparison-table .check{color:#10b981;font-weight:700}
.comparison-table .x{color:#ef4444;font-weight:700}

/* FAQ styles */
.faq-question:hover{color:var(--accent-primary)}
.faq-item.active{border-color:var(--accent-primary);background:rgba(99,102,241,0.05)}
.faq-item.active .faq-answer{display:block}

@media (max-width:768px){
  .comparison-table{font-size:0.6rem;min-width:500px}
  .comparison-table th,.comparison-table td{padding:0.5rem 0.25rem;font-size:0.6rem}
  .comparison-table th:first-child,.comparison-table td:first-child{position:sticky;left:0;background:var(--bg-tertiary);z-index:1;min-width:80px}
  .orb,.orb-1,.orb-2{display:none}
  body::before{display:none}
  .btn-mp4,.btn-mp3{min-height:44px}
  .input-box input{padding:0.8rem;font-size:0.9rem}
  .platform-tag{font-size:0.65rem}
}

.mobile-menu-btn { display: none; background: none; border: none; font-size: 1.8rem; color: var(--text-primary); cursor: pointer; }
@media (max-width: 768px) {
  .mobile-menu-btn { display: block; }
  nav { display: none; }
  
  
}


/* Optimizări mobil și CLS */
#videoDLThumbnail { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.comparison-table { -webkit-overflow-scrolling: touch; }
@media (max-width: 768px) {
  p, li, .tagline, .content-section p { font-size: 1rem; line-height: 1.5; }
  h2 { font-size: 1.3rem; }
  h3 { font-size: 1.1rem; }
  .breadcrumb { font-size: 0.75rem; }
  .related-posts ul { padding-left: 1rem; }
  .related-posts li { margin-bottom: 0.5rem; }
}