/* Elimină Flash-ul de layout (site stricat la început) */
[cloak] { display: none !important; }

html, body { height: 100%; scroll-behavior: smooth; }
body { 
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 
    background-color: #0f172a; 
    color: #f1f5f9; 
}

.gradient-primary { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); }

/* În loc de transition: all 0.3s ease; la .glass-card */
.glass-card {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    /* Modificarea aici: */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* În loc de transition: transform .25s ease... la .btn-primary */
.btn-primary {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
    box-shadow: 0 6px 28px rgba(59, 130, 246, .35);
    /* Modificarea aici (fără virgula de la final): */
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.btn-primary:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 10px 38px rgba(59, 130, 246, .45); }

/* Animațiile de tip Reveal */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s ease; }
.reveal.show { opacity: 1; transform: translateY(0); }

/* Personalizare Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #3b82f6; border-radius: 4px; }

/* Stiluri pentru FAQ (Accordion) */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details > summary::after { 
    content: '+'; 
    float: right; 
    font-size: 1.5em; 
    line-height: 1; 
    font-weight: 300; 
    transition: transform 0.2s ease; 
    color: #3b82f6; 
}
details[open] > summary::after { transform: rotate(45deg); }

/* Modifică ultima regulă din fișier cu asta: */
#showcase [style*="aspect-ratio"] {
    aspect-ratio: 9/16 !important;
    width: 100%;
    background-color: #000; /* Fundal negru până se încarcă video */
    border-radius: 1rem;
}